尽管现在的计算机屏幕已经变得越来越大,但要向用户展示的内容仍旧可能比较多,难以在一个屏幕之内全部展现出来。更关键的是,如果只利用一个屏幕,那么很有可能网页所凸显的重点也变得不那么明确。

现在,设计师们已经开始倾向于使用网页的向下滚动,来将更多原本分属于不同页面的内容,集合在一个页面当中。本文将向你介绍这样的技术,我们将不同的链接以时间顺序串接起来,依靠网页的滚动来逐个展现。

Read More →

该插件的官网:http://ricostacruz.com/jquery.transit/

这是一个可以实现异常顺滑的渐变效果的插件。同时还对旧版浏览器(比如广大开发者深恶痛绝的IE6)提供了较好的支持(后文有讨论)。

本插件需要jQuery 1.4+的版本支持,仅需要引用本程序的JS文件即可

使用方法:使用 $(‘…’).transition 方法来取代 jQuery的 $(‘…’).animate方法。它的语法跟jQuery animate方法是一样的。

查看此插件的演示和下载源码:
http://demo.newhtml.net/jQuery Transit – CSS3 animations for jQuery/

-By Daniel X. Moore,来自Pixel Relations, STRd6。
2010年2月1日
本文适用的浏览器为 Google Chrome/Mozilla Firefox/Apple Safari/Opera。

介绍

你想用HTML5的新特性Canvas来制作一个游戏么?那相信这篇教程会给你带来一定的帮助。
不过丑话说前面,你得有至少中级的Javascript应用能力才行。
Read More →

智能手机的普及,已经把高质量的网页浏览带给了移动用户。虽然目前尚有许多新特性未被手机浏览器所支持,但人们已经开始关注如何为智能手机定制页面了。

这里,我们来一起讨论一下,如何以最好的方式,将现有的网站,为智能手机而优化。

Read More →

网络存储(Web Storage),是HTML5众多新API中的一类,它要求浏览器提供了一个在用户浏览器上存储数据的方式,而开发者则可以使用JavaScript进行访问和控制。网络存储的存取过程与远端服务器无关,整个过程都发生在用户的浏览器之上。比起Cookies这样极其有限的存储方式,网络存储的空间通常要大很多(IE8的空间为10MB左右);另外,网络存储的访问方式比起Cookies要简单很多。
Read More →