CSS3 Animations实践

浏览器对CSS动画的支持

CSS3 Animations实践

怎样使用

2007年CSS动画在Webkit内核的浏览器中首次被实践。2009年一个工作草案被书写出来同时被添加到w3c网站中。接下来的大约3年时间,CSS动画被Firefox、IE和Opera支持。
使用CSS动画,首先你需要为动画定义一些简单的关键帧,即在特定的时刻,元素会显示怎样的样式。 阅读更多 »

【教程】单页MVC画廊应用

上几篇文章我已经介绍过LAB.jsCacheProviderjQuery Templates等技术,理论总是需要实践的,所以翻译了一篇使用这些技术的教程:Building Single Page Applications With jQuery’s Best Friends
这个教程将制作一个单页MVC画廊应用。这个应用程序将会包括三个层级的视图:专辑集合(第一层)、专辑(第二层)和专辑介绍(第三层)。
下面是该应用的在线演示和资源下载:
阅读更多 »

JavaScript Cache Provider

每个开发人员应该都知道缓存对于程序性能和可用性的重要影响。通常我们会使用后端来缓存资源,如Memcached,通过在内存中缓存数据和对象来减少读取数据库的次数,从而提供动态、数据库驱动网站的速度。
今天,我会介绍Dustin Diaz的Javascript前端缓存解决方案 — JavaScript Cache Provider,该方案提供了对HTML5本地存储的可选支持。
阅读更多 »

JavaScript Micro-Templating

这篇文章我将会根据自己的理解介绍JS大牛John Resig的JavaScript Micro-Templating — 一个简单高效的Javascript模板化函数。它能够让你在浏览器中显示和操作数据,比如,格式化和显示一组通过Ajax获取的数据库记录。
该技术的原理是把模板直接转为可运行的JavaScript语句:变量和多余的模板push入内部数组,遇到js语句的时候直接执行。
阅读更多 »

JavaScript资源加载:LABjs和RequireJS

现在越来越多的网站和应用正在依赖着复杂的Javascript资源系统,因此很多开发者希望为这些资源寻找更方便、更快速和维护性更强的管理模式。
两个开源项目:LABjsRequireJS分别从一些不同的角度实现了这些目标。
这篇文章首先会围绕脚本加载的话题简要介绍一下,然后会通过示例介绍如何根据环境和需求选择使用LABjs和RequireJS。 阅读更多 »

使用RequireJS组织JavaScript

你是否发现自己总是努力地在没有组织的不熟悉JavaScrip代码中寻找你需要的代码?没有一个系统的组织方法,JavaScrip很快会变得非常复杂。
JavaScrip语言的一个很大的缺点是它缺乏对模块的支持。通过使用模块模式能够极大程度地缓解这种缺陷。
下面是一个简单例子,它展示了如何已模块组织一个项目中的JavaScrip代码(代码库)。
阅读更多 »

渐进增强的响应式导航—下篇

上篇介绍了如何做到导航的渐进增强,本篇将会介绍如何让我们做的导航优雅地响应移动设备的浏览器。
阅读更多 »

渐进增强的响应式导航—上篇

web开发常常会面临浏览器兼容这种令人头痛的问题,但是如果我们提前做些准备,使用渐进增强的原则,最后应用响应式设计,那么我们将轻易地适应过时浏览器,在PC和Mobile上的现代浏览器上发挥鼓舞人心的效果。
阅读更多 »