CSS3中动画效果的应用

nick | css3, html5, jquery, js | 2010-09-04
不少人都已经在用CSS3中的动画了，但很多仅仅用在 某个元素的 hover上 其实，配合脚本的话，可以做到更多的动画效果，并且可以在很大程度上抛弃各种动画库。 先前一博客《用HTML5代替PPT》中， 我的各种动画效果就完全使用了CSS3的动画效果而不再使用jQuery的动画了。 点击查看展示 设置CSS *{ -webkit-transition-duration:.15s; -moz-transition... [阅读全文]
ė 62条评论 0, , , ,

用 HTML5 消磨时光

nick | html, html5 | 2010-08-31
用 HTML5 消磨时光
HTML5 渐入佳境，它强大的功能正被逐渐挖掘出来，各种实验性应用层出不穷，本文介绍几个由 Hakim El Hattab设计的 HTML5 趣味小应用，它们非常有趣，我刚刚在它们身上消磨了两个小时。当你体验完这几个小应用，会发现 HTML5 比你想象的更强大。 Sinuous 在浩瀚的星系间履行，小心装上些红色的星球，绿色的星球可以吃掉，可以增加体能。 开始体验 >&... [阅读全文]
ė 61条评论 0

Attack of the IE Conditional Comment

nick | html5, js, web | 2010-08-23
Attack of the IE Conditional Comment
Just in time for Friday, James Padolsey wins the award for most creative Internet Explorer detection code: PLAIN TEXT JAVASCRIPT: // ———————————————————- // If you’re not in IE (or IE version is less than 5... [阅读全文]
ė 61条评论 0, , ,

HTML5 WebSockets 基础使用教程

nick | html5 | 2010-08-10
HTML5 WebSockets 基础使用教程
HTML5之中一个很酷的新特性就是WebSockets，它可以让我们无需AJAX请求即可与服务器端对话。今天彬Go将让大家通过Php环境的服务器端运行WebSocket，创建客户端并通过WebSockets协议发送和接收服务器端信息。 您还可以参考以下HTML5相关文章: 《关于HTML 5 canvas 的基础教程》 《让所有IE支持HTML5的解决方案》 《一起感受HTML5和CSS3的能量》 什么是We... [阅读全文]
ė 6没有评论 0, , ,

javascript 缓存提供程序

nick | html5, js | 2010-07-13
相信每一个开发者都知道缓 存的重要性。从头至尾有缓存的后台(memcached,xcache等。) 来减轻db的压力。对内容分发网络（CDN）缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作(即使是算法或大量的运算)。 这是介绍的是一个不错的javascript的方面的客户端解决方案,可选配支持HTML5本地存储器. Star... [阅读全文]
ė 62条评论 0, ,

你从没见过的 HTML5 动画效果

nick | html, html5, web | 2010-07-04
你从没见过的 HTML5 动画效果
HTML5 的 Canvas 对象将改变 JavaScript 的使命，使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的，基于 HTML5 Canvas 和 JavaScript 的动画，这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是，这些都是浏览器的原生动画，无需任何插件。 Tunnelers 纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。 Th... [阅读全文]
ė 61条评论 0, ,

关于HTML 5 canvas 的基础教程

nick | html5 | 2010-06-26
关于HTML 5 canvas 的基础教程
HTML 5 规范引进了很多新特性，其中最令人期待的之一就是 canvas 元素。HTML 5 canvas 提供了通过 JavaScript 绘制图形的方法，此方法使用简单但功能强大。每一个canvas 元素都有一个”上下文( context )” (想象成绘图板上的一页)，在其中可以绘制任意图形。浏览器支持多个 canvas 上下文，并通过不同的 API 提供图形绘制功能。 大部分的浏览器都支持... [阅读全文]
ė 61条评论 0, ,

HTML5相关资源

nick | html5 | 2010-06-22
几个HTML5的演示 HTML5的Canvas 做的波形图 强大的HTML5画图程序 魔方形状的俄罗斯 方块 又 一个3D的俄罗斯方块 想了解更多，请看 http://www.hongkiat.com/blog/48-excellent-html5-demos/ http://directguo.com/html5/#slide1 9RIA的HTML5版块有更多关于HTML5的资料，http://bbs.9ria.com/forum-52-1.html [阅读全文]
ė 6没有评论 0,

编写跨浏览器兼容的 CSS 代码的金科玉律

nick | css, html, html5, js | 2010-06-12
编写跨浏览器兼容的 CSS 代码的金科玉律
作为 Web 设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远无法真正实现的目标，很多人认为，完美的跨 浏览器兼容并不必要，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的，本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。 理 解 CSS 盒子模型 如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 ... [阅读全文]
ė 6没有评论 0, , , ,

给网页设计师的 30个HTML5学习资源

nick | css, html, html5, js, web | 2010-06-07
早在几个星期前，Adobe就发布了Dreamweaver CS5 HTML5 Pack的预览版下载。众所周知，HTML5在互联网领域掀起了一场大论战，并让Adobe的日子很难熬。HTML5致力于为前端开发提供全面的标记语 言。以下30多个资源可帮你开始学习HTML5。 Blowing up HTML5 video and mapping it into 3D space（将HTML5视频吹散并组成3D效果）最近我研究 了HTML 5中的Canv... [阅读全文]
ė 61条评论 0, , , ,
Ɣ回顶部