Web前端

2013年10大Web设计趋势

在2012年我们看到的几个Web设计趋势中,最显著的要数响应式设计了,而现在2013年的鸣钟敲响了,让我们大胆预测一下2013的Web设计趋势。 1. 更多的响应式设计 虽然响应式设计在 2012年被...
Web前端

8个Web设计趋势

此文为网络文章----本文译自网站设计公司weavora.com,介绍了在他们眼里8个Web设计趋势:单页面、用照片做背景、色块设计、超大号的图片、聚焦简洁、响应式设计、视差滚动、强调字体,每个趋势后...
Web前端

CSS+DIV 浏览器兼容

一,由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得...
Web前端

CSS去掉右边框

并排放四、五个DIV有边框,但两个中间DIV只显示一个边框,形如: <div class="clients">     <li><a href="#"><im...
Web前端

18 个详细的响应式 Web 设计教程

在这篇文章中,我想跟你分享 18 个很有用的响应式 Web 设计的教程,这些教程可以帮助你学习响应式设计,包括瀑布流表格、图片和 media queries。   创建移动优先的响应式设计 ...
Web前端

网页瀑布流布局实现方法及功能扩展

图片分享网站>Pinterest(beta), 在不久前获得了2700$的投资,估值已超2亿元(据说现该公司团队有8人)。该网站的一大特色就是每一张分享的图片被拟作“Pin”被钉在页面上面,每 ...
Web前端

20个2013年最值得关注的网页设计趋势

在过去的一年中,我们都看到了网页设计趋势在日益增长。或许有些朋友还记得我早些时候的一些文章关于网页设计,有兴趣的可以点击来查看,现在我们可 以看到其中许多想法已经实现了,甚至有些采用了一些更高层次的新...
Web前端

让IE6支持max-width

max-width与min-width,最大宽度(最小宽度)在IE7+及谷歌、火狐等浏览器下适用,IE6却不通过。 解决方法: 最大宽度 标准浏览器和ie7+用:max-width:600px; ie...
Web前端

一个简单的鼠标悬停特效

这个特效最终实现效果就是当鼠标移动到链接上,文字会横向移动一定距离,貌似总有人喜欢这些花花草草。添加此效果方法很简单。 首先,需加载jquery库(略过)。 其次,将下面 Javascript代码加到...
Web前端

自适应网页设计(Responsive Web Design)

随着3G的普及,越来越多的人使用手机上网。 移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通...
Web前端

50个自适应Web设计实例

Responsive Web Design,自适应Web设计,也有翻译成响应式Web设计的,个人认为前者更准确些。可以简单地理解为,网页布局可根据用户的显示屏幕分辨率自动调整宽度及布局,例如4列129...
Web前端

体验HTML5独特魅力

HTML5作为目前最火的话题之一,越来越多的由HTML5架设的网站如雨后春笋般出现了,带给我们的浏览体验可以说是一个质的飞跃。推荐一个集合了众多HTML5特效的网站:http://mrdoob.com...