源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
查看: 456|回复: 19

[CSS] 收集的22款给力的HTML5和CSS3帮助工具

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2012-9-14 02:08:20 | 显示全部楼层 |阅读模式
收集的22款给力的HTML5和CSS3帮助工具,需要的朋友可以参考下

1. CSS3 Selectors Test
在打开这个地址时,它会自动测试你当前使用浏览器所支持的css属性,然后用一个列表的形式给展示出来;你可以点击列表中列出的每个项目来查看结果,包括一个小例子和相应的解释内容。

2012091402062936.jpg

2012091402062936.jpg


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

2012091402062937.jpg

2012091402062937.jpg


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

2012091402062938.jpg

2012091402062938.jpg


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

2012091402062939.jpg

2012091402062939.jpg


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

2012091402062940.jpg

2012091402062940.jpg


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

2012091402062941.jpg

2012091402062941.jpg


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

2012091402062942.jpg

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

2012091402062943.jpg

2012091402062943.jpg

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

2012091402062944.jpg

2012091402062944.jpg

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

2012091402062945.jpg

2012091402062945.jpg

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

2012091402062946.jpg

2012091402062946.jpg

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

2012091402062947.jpg

2012091402062947.jpg

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

2012091402062948.jpg

2012091402062948.jpg

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

2012091402062949.jpg

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

2012091402062950.jpg

2012091402062950.jpg

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

2012091402062951.jpg

2012091402062951.jpg

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

2012091402062952.jpg

2012091402062952.jpg

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

2012091402062953.jpg

2012091402062953.jpg

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

2012091402062954.jpg

2012091402062954.jpg

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

2012091402062955.jpg

2012091402062955.jpg

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

22. HTML5 Gallery
HTML5演示集合。
回复

使用道具 举报

1

主题

2万

回帖

182

积分

注册会员

Rank: 2

积分
182
发表于 2022-11-27 15:33:24 | 显示全部楼层
有什么好的服务器
回复 支持 反对

使用道具 举报

0

主题

8878

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2022-12-10 10:20:21 | 显示全部楼层
抽根烟,下来看看再说
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

73

积分

注册会员

Rank: 2

积分
73
发表于 2022-12-19 14:58:43 | 显示全部楼层
vcxvcxv
回复 支持 反对

使用道具 举报

3

主题

2万

回帖

50

积分

注册会员

Rank: 2

积分
50
发表于 2023-1-29 20:04:42 | 显示全部楼层
好东西一定要看看!
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

194

积分

注册会员

Rank: 2

积分
194
发表于 2023-6-26 23:19:05 | 显示全部楼层
不错的源码论坛
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

87

积分

注册会员

Rank: 2

积分
87
发表于 2023-9-10 08:10:38 | 显示全部楼层
sdsadsadsadf
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

124

积分

注册会员

Rank: 2

积分
124
发表于 2023-11-19 19:47:45 | 显示全部楼层
啊,数码撒飒飒飒飒
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2024-3-9 04:42:16 | 显示全部楼层
1312315458748777
回复 支持 反对

使用道具 举报

4

主题

2万

回帖

262

积分

中级会员

Rank: 3Rank: 3

积分
262
发表于 2024-3-12 16:49:01 | 显示全部楼层
笑纳了老板
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-11-29 00:56 , Processed in 0.094150 second(s), 27 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表