【分享】22款给力的HTML5和CSS3帮助工具

标签: 分享 给力 html5 | 发表时间:2012-09-05 11:01 | 作者:HTML5研究小组
出处:http://www.voosee.com/
1.  CSS3 Selectors Test
在打开这个地址时,它会自动测试你当前使用浏览器所支持的css属性,然后用一个列表的形式给展示出来;你可以点击列表中列出的每个项目来查看结果,包括一个小例子和相应的解释内容。

2.  CSS3 Please!
CSS3  Please!,制作人:Paul Irish and Jonathon Neal。目的在于允许你在线编辑其中任意的数值,然后你可以看右面大大的效果展示,每更改一下数值,就会产生相应的全部代码。

3.  CSS3 Generator
允许你定制自己的CSS3效果。

4.  CSS3 Transforms
你可以采用CSS3旋转,缩放等处理HTML元素,研究CSS3的改动。 (Opera 10.5, Firefox 3.5 以及 Safari 4 和更高)

5.  CSS3 Gradient Generator
这是一个可以在线修改css3渐变色彩的地方,无论是背景图还是边框都可以改变。

6.  Border Radius
允许你设置圆角边框。

7.  Modernizr
Modernizr 是一个小而简单的 JavaScript 库,可以帮助你在现有的老式浏览器中充分利用新的web技术(CSS3, HTML5 )。

8.  CSS3 Generator
这个简单的CSS编辑器可以帮助你理解WebKit内核浏览器对CSS3的支持情况。

9.  CSS3 Previews
许多新的CSS3功能的预览和演示。

10.  CSS Template Layout Module
学习流行的CSS3模型和CSS3布局。

11.  5 Techniques to Acquaint You With CSS 3
学习CSS3最流行的新特性。

12.  Web Browser CSS Support
这个文档是一个标准的网络浏览器对CSS的支持列表,非常详细。

13.  Font Drag
Font Dragr 是 HTML5/CSS3 驱动的用来测试自定义web字体的web应用。允许你拖放你的ttf、otf、svg和woff格式字体,你可以查看他们的表现。

14.  CSS3 Cheat Sheet
提供下载一份W3C中关于css3所包含完整的css属性,选择器类型和css3的允许的值列表的pdf文件。

15.  Sizzle
一个纯粹的JS CSS选择器引擎。

16.  Web Designers’ Browser Support Checklis t
现实浏览器对HTML5和CSS3的支持。

17.  CSS3 Color Names
CSS3 支持 147 种不同的颜色名字 (17个标准色加上130)。 这里列出了这些支持的所有颜色名字,RGB值和十六进制值。

18.  HTML5 Visual Cheat Sheet
HTML 5 Visual Cheat Sheet 是一个有用的网页设计者和开发表。基本上是一个简单的所有html标签的清单。

19.  HTML5 Demos And Previews
你可以查看HTML5演示,新的功能和浏览器的支持情况。

20.  The Power Of HTML5 and CSS3
这份文章覆盖了HTML5和CSS3的组合优势。

21.  HTML5 Cheat Sheet
HTML5功能和有用的信息。

22.  HTML5 Gallery
HTML5演示集合。

相关 [分享 给力 html5] 推荐:

【分享】22款给力的HTML5和CSS3帮助工具

- - VooSee - 拮取生活中的彩虹
在打开这个地址时,它会自动测试你当前使用浏览器所支持的css属性,然后用一个列表的形式给展示出来;你可以点击列表中列出的每个项目来查看结果,包括一个小例子和相应的解释内容.  Please!,制作人:Paul Irish and Jonathon Neal. 目的在于允许你在线编辑其中任意的数值,然后你可以看右面大大的效果展示,每更改一下数值,就会产生相应的全部代码.

12款实用的HTML5干货分享

- - HTML5资源教程
今天我们要来分享12款实用的HTML5应用插件,内容涉及到按钮、表单、进度条、图片等,大家一起来看看这些干货吧. 1、漂亮的CSS3动画进度条 可自定义进度条颜色. 今天我们要再来分享一款很漂亮的CSS3动画进度条,我们可以用它来显示每一项数据的所占的比例,效果很不错. 之前我们也有分享过很多功能强大的CSS3进度条,像 纯CSS3进度条 华丽5色进度条示例、 CSS3 SVG 进度条 Loading 动画 炫酷发光特效都和今天分享的这款比较类似,可以看看.

分享21个丰富多彩的 HTML5 小游戏

- 顶 - 博客园-首页原创精华区
  作为下一代的网页语言,HTML5 拥有很多让人期待已久的新特性. HTML5 的优势之一在于能够实现跨平台游戏编码移植,现在已经有很多公司在移动设备上使用 HTML5 技术. 随着 HTML5 跨平台支持的不断增强和智能手机的迅速普,HTML5 技术有着非常好的发展前景,甚至有人预言 HTML5 将引燃移动平台游戏开发技术的新革命.

分享21个非常棒的HTML5视频教程

- Amo - HTML5研究小组
现在越来越多的人尝试用HTML5来制作网页游戏等丰富的Web应用. 尽管HTML5的完全实现还有很长的路要走,但HTML5正在改变Web. 为了方便大家学习HTML5 ,本文向大家推荐21个非常棒的HTML5视频教程(很多Youtube视频需要特殊方式访问).

分享31个非常有用的 HTML5 教程

- liu - 博客园-首页原创精华区
  几年前,HTML5 前景还很模糊,只有少数的互联网极客才会关心. 而现在,随着现代主流浏览器对HTML5的不断支持和完善,越来越多的开发者开始使用 HTML5 来制作各种功能强大的应用程序,HTML5 正引领互联网新革命. 为了方便大家更好的学习 HTML5 ,本文向大家分享31个非常棒的 HTML5 教程和资源.

HTML5 Code Jam经验分享——IT’S COOL!!!(来自Rich团队)

- iDesperadO - HTML5研究小组
如题,就是这个活动:http://www.mhtml5.com/events/code-jam. 另外也秀一下我们的研发成果——网页版的大富翁:http://jinjiang.github.com/rich-game. 源码:https://github.com/jinjiang/rich-game.

分享31个非常有用的 HTML5 教程

- Amo - HTML5研究小组
几年前,HTML5 前景还很模糊,只有少数的互联网极客才会关心. 而现在,随着现代主流浏览器对HTML5的不断支持和完善,越来越多的开发者开始使用 HTML5 来制作各种功能强大的应用程序,HTML5 正引领互联网新革命. 为了方便大家更好的学习 HTML5 ,本文向大家分享31个非常棒的 HTML5 教程和资源.

分享15款精美的免费 HTML5 网站模板

- ninickck - 博客园-梦想天空
  在过去的几年,网页设计和制作人员就已开始关注和使用 HTML5 了,如今 HTML5 得到了更加广泛的应用,国外有很多网站已使用 HTML5 技术制作. 之前的文章和大家分享过精美的HTML5企业网站和HTML5个人网站,大家可以去欣赏一下这些作品. 今天向大家分享15款非常漂亮的免费 HTML5 网站模板,看到喜欢的就赶紧下载吧.

分享几个令人震撼的JS和HTML5游戏

- - HTML5研究小组
或许你对网页游戏仅仅停留在Flash的时代,认为只有Flash才能做出非常绚丽的游戏特效. 那么今天就打破大家的这个观念,一起来看看用Javascript和HTML5实现的网页游戏,这些游戏个人认为做得已经非常棒了,感谢这些游戏的作者. 1、 Javascript坦克大战游戏. 坦克大战是一款非常经典的休闲小游戏,相信很多朋友都玩过,但是Javascript重写的坦克大战你可能没有见过哦.

HTML5 placeholder实际应用经验分享及拓展

- - 张鑫旭-鑫空间-鑫生活
本文地址: http://www.zhangxinxu.com/wordpress/?p=2169. 一、HTML5 placeholder相关的引言. placeholder在英汉词典中解释成了“占位符”. 要理解并不难,请看此场景:. ”您可能会疑问,“这不是就是狗狗树下撒尿尿”. 确实,该场景可以较好的诠释 placeholder“占位符”之意.