另外10个很棒的html5、css和javascript效果
HTML5已经改变了web开发,它如此令人兴奋. 我收集了10个很棒的html5, css和javascript示例,将显示给你它们结合在一起的威力!
引自:http://www.queness.com/post/3759/10-awesome-html5-css-and-javascript-demonstrations
1.Blob

可爱的小圆形,它使用HTML5的画布加上JavaScript来创建动画和交互性。
2.Bubble

用html5生成彩色的气泡当然还需要一个神奇的JavaScript。
3.jParallax

很棒jParallax。我一直想在我的项目里用到这个,但仍然没有得到机会呢。它是一个插件,而且是免费的。
4.Firework

从来没有想过我们可以使用JavaScript和HTML5制作烟花。
5.Canvas Photo

用HTML5的画布创建拍立得照片效果。它还提出了导出工具。
6.Video showcase from Apple

苹果公司的一个可爱的视频遮盖,缩放和改变角度的视频的示例。
7.Photo Gallery

另一个很棒的示例,您可以更改照片库布局,它有一个很好的模糊效果。
8.Particle Animation

用了300个小块拼出一个单词,这是一个粒子的动画效果。
9.Spread

10.Block based destruction of HTML5 Canvas Video

相关阅读:html5
15个基于CSS的Form表单设计
我们都知道,表单是网页的重要组成部分,它是网站与用户进行交互的窗口。然而表单中固定的诸如说明文字、输入框、提交按钮等元素,使得表单设计略显乏味,难有创新,这一点不少Web设计师深有体会。好的Web设计师就是可以在平凡处挖亮点,让表单设计或耳目一新,或整洁素雅。下面就来看这样的15个基于CSS的优秀表单设计。
延伸阅读:
cssText与reflow
一般情况下使用JavaScript控制CSS样式的时候,都习惯性一行一行地写,习惯性忽略了效率问题。今天群里有人提起了cssText,测试了一下,原来这个属性是IE only的,不过很多浏览器也都默认了这个属性,在FF和chrome下页能很好的实现。关于reflow这里还有一篇不错的文章:http://varnow.org/?p=232
示例代码:
程序代码<script type="text/javascript">
document.getElementsByTagName("div")[0].style.cssText="width:100px; height:200px; border:#ff0000 1px solid;";
</script>
HTML代码[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
测试示例2
HTML代码[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


