工具网站

CanIUse.com -轻松 获取HTML5、CSS3各浏览器兼容性

caniuse.com

今天看Lynda.com视频,讲到一个很实用的网站叫做CanIUse.com,标语是“When can I use…Support tables for HTML5, CSS3, etc”。在这里你能找到所有web新特性在各个品牌浏览器以及各品牌浏览器不同版本的兼容性,当你知道你针对的用户都在使用什么浏览器时,这写table将对你建设网站有很大帮助。

Read More
Javascript

11个Coverflow特效脚本

coverflow

Cover Flow是一个可经由唱片封面形象化地翻查一个数位音乐资料库的三维图形用户界面,被用于苹果Itunes、Iphone等产品中,本文收集了一些可以实现Cover Flow特效的脚本,虽然严格意义上讲,有些脚本并不是真正的coverflow效果,coverflow的一大特点就是非居中的图片要旋转一定的角度,用CSS3特效可以实现,但并非所有浏览器都支持这些特效。

Read More
Javascript

Isotope让网页布局比pinterest更灵活

isotope

最近到处搜寻Pinterest布局代码,终于找到一个wonderful的jquery插件,叫做Isotope,瀑布流、排序、分类等功能应有尽有,效果非常绚丽,想让自己的网站耳目一新的朋友千万别错过这个插件。

isotope

Read More
Javascript

如何实现Pinterest布局

pinterest-layout

Pinterest布局是瀑布流布局的一种,完全使用javascript实现,自从看见Pinterest以后,就对这种布局的原理很好奇,我不懂前端的知识,看到这种布局的感觉是云山雾里,连自己到底不懂什么都不知道了。

pinterest-layout

Read More
Javascript

最简单的jquery页内锚点平滑跳转代码

通过jQuery实现页面内锚点平滑跳转的方法很多,可以通过插件实现,也可以简单的通过animate方法实现,下面介绍比较简单的方法。

代码只有一句话

$("html,body").animate({scrollTop: $("#elementid").offset().top}, 1000);

animate()方法用来实现一组css的自定义动画,有两种调用方法

Read More
Javascript

简单实用容易集成的javascript slideshow

今天想加一个slideshow header,想找一个简单容易集成的slideshow,不要有浏览器问题,不要有导航条之类的,只是简单的幻灯片效果。找了几个发现不是有cross browser问题就是定制化能力不强,google一大圈后,终于发现了一个简单实用容易集成的javascript slideshow——Slideshow2,一起来看看吧。

Read More