post

最炫的jQuery幻灯片插件:jq-tiles

jQuery的幻灯片插件很多,效果也都不错,今天我推荐一个比较小巧方便的,使用起来也比较容易,支持多达12种特效、22个自定义参数;支持随机顺序、循环、正反方向、导航、缩略图;幻灯片播放前、中、后自定义事件等,相信可以满足绝大多数需求。此插件使用了比较酷的CSS3特效,兼容Webkit、Firefox、Opera、IE10、IE9-8*浏览器,在Chrome浏览器下效果最佳。
[Read more…]

post

全面解析30个最常用的CSS选择器

今天在修改读者墙样式问题的时候,要用到CSS中的排除类的语法,找了一会,终于在Google中找到了解决方案,是火狐社区中的一篇文章,介绍的非常全面,很实用,转载过来分享。

你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题。掌握了它们,才能真正领略css的巨大灵活性。
[Read more…]

post

让网页支持多分辨率:CSS3 Media Queries

今天修改博客友情链接的时候,发现了css3的Media Queries写法,原来支持pc,iPhone,iPad等设备分辨率的写法是靠这个特性来完成的;

简单举个例子:下面2张图,在pc上分类目录显示为两列,在iPhone上则显示为四列,而且在iPhone上,博客都是以一列来显示的,在iPad上则显示两列;
[Read more…]

post

全面解析CSS3新特性

转载自:CSS3新特性一览 | 帕兰映像

尽管CSS3的诸多新特性还不被很多浏览器支持,或者说支持的不好。但作为一个前端开发人员,你总不能等到所有浏览器都完美支持它的时候再去学习。

CSS3到底给我们带来了哪些新特性呢?简单的说,CSS3把很多以前需要使用图片和脚本来实现的效果,只需要短短几行代码就能搞定。比如圆角,图片边框,文字阴影和盒阴影等。CSS3不仅能简化前端开发工作人员的设计过程,还能加快页面载入速度。

本文里面,就让我们来全面的看一下CSS3的各种新特性。也别忘了检阅我们之前发布的一些CSS教程和技巧文章:

[Read more…]