HTML / CSS

如何定义IE的文档兼容模式 »

由于现在IE浏览器的多个版本共存,同时浏览器的升级也给我们的老项目带来了不可预测的风险。浏览器的兼容性问题开始困扰我们的在线项目了。还好,微软的给我们的解决方案是设置X-UA-Compatible。X-UA-Compatible是自从IE8新加的一个设置,对于IE8以下的浏览器是不识别的。很多网站为了方便让页面在IE8/9下降级成显示...

继续阅读 →

LESS的多种运行方式 »

LESS是一种动态样式语言。LESS将CSS赋予了动态语言的特性,如变量,继承,运算,函数.LESS既可以在客户端上运行(支持IE6+,Webkit,Firefox),也可一在服务端运行(借助Node.js).中文官网:http://www.lesscss.net/虽然我们已经有了自己的公共样式类库,每一个样式类都具有单一性的作用,但...

继续阅读 →

CSS三角形的一些应用 »

CSS三角形和圆角的盒子是我们前端开发中很不错的小技巧。以前我们都是用PNG的背景图片实现的,但是IE6的背景图片会有非透明的情况,这个处理起来会比较麻烦,会引用额外的代码,有的时候,CSS三角形及圆角的盒子是一个比较好的替代方法。CSS三角形实现原理与分析:参考文章《CSSBorder使用小分享》,是淘宝的乔花美女整理的,我这儿就没...

继续阅读 →

无JavaScript实现内容切换效果 »

选项卡式的内容切换效果,应用的场景比较多,用JavaScript是如何实现的不是我们今天说的重点。如果我们的"选项卡式的内容切换效果"在禁用JavaScript的情况下是否可以正常运行?是否可以满足用户的基本需求?是我们讨论的重点。不过此情况放在中国的用户群体是不会有禁用JavaScript的情况。但是我们不能放弃我们追求完美的精神。...

继续阅读 →

Web 设计中的 5 个最具争议性的话题 »

在Web空前繁荣的今天,有关Web设计中的各种观点很多会成为话题,有的很快达成一致,有的则一直争议下去,本文讲述Web设计中的5大经典争议,这些争议从它们诞生的那天起,就被正反两方争得不亦乐乎。争议之一:链接是否应该在新窗口打开正方:外部链接应该始终从新窗口打开,当你浏览一个站点的时候,点击了一个链接,却被带到另外一个站点,你在这个站...

继续阅读 →

网页设计中的面包屑导航:实例和最佳做法 »

在一个拥有很多页面的网站上,面包屑导航(breadcrumbnavigation)可以大大提高用户导引的方式。换句话说,面包屑(breadcrumb)可以减少网站访问者找寻更深级别页面的步骤,并且改善了网站区块和页面的可访问性。而且面包屑(breadcrumb)还是一个有效的直观标识来告诉使用者他们当前的位置,是当前登录页面最好的上下...

继续阅读 →

Sexy Bookmarks 效果,基于CSS »

SexyBookmarks插件是针对WordPress平台开发的一款网摘收藏按钮插件,其功能主要是在文章末尾显示一组社会收藏(SocialBookmarks)按钮,以方便读者将该文章收藏/提交到这些收藏网站,并与他人分享。我非常喜欢它的图标弹出悬停效果,然而以前实现的Sexybookmarks效果是基于javascript库的。我尝试...

继续阅读 →

实现侧边栏滚动的多种技术,基于CSS,jQuery or MooTools »

当我们,页面内容的篇幅很长的时候,我们需要拼命的向下滚动页面,鼠标滚动的次数过多,难免有些让人不耐烦。这样,就需要在文章的侧面需要一个“目录侧栏”,如果“目录侧栏”跟着滚动页面动作移动那就更好了,非常有利于用户体验,有很多方法去做“Number”。本文就告诉你实现侧边栏滚动的多种技术。我们将讨论两个:CSS和JavaScript(jQ...

继续阅读 →

解密CSS Sprites:技巧、工具和教程 (收藏) »

CSSSprites并没有一个确定的中文翻译,通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSSSprites并不是一门新技术,目前它已经在网页开发中发展得较为成熟。CSSSprites并不是什么金科玉律,但在很多情况下,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度。本文系统的介绍了CSSSprites...

继续阅读 →

征服,高级CSS选择器(收藏) »

征服,高级CSS选择器(收藏)原文:征服高级CSS选择器  译者:前端观察译自:TamingAdvancedCSSSelectorsCSS是对网页设计师可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面,而不用改变页面的标签。但是尽管事实上,我们每个人也都意识到了它是有用的,CSS选择器远未发挥它们...

继续阅读 →

热门专题