利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
2012-07-11 14:37
585 查看
CSS3技术现在越来越成熟,通过CSS3的一些新特性(如box-sizing、边界半径、文字阴影、渐变等)创建的效果已经令前端开发者兴奋不已。使用CSS3进行前端设计是未来的发展趋势。因此,如果你是一名前端设计师,就需要掌握这些最新的技术,否则就有可能会被淘汰。
一、参考手册
1. Idiomatic CSS
编写统一、符合习惯的CSS的原则,有中文版本。
2. CSS3 Click Chart
示例代码和CSS3特性支持情况表。
3. CSS3 Selector
CSS3 Selector的官方指导手册。
4. HTML5 & CSS3 Support
主流浏览器对HTML5和CSS3支持情况一览表。
5. CSS3 - Information and Samples
针对CSS3的各种信息和示例。
6. Sencha CSS3 Cheat Sheet
7. Smashing Magazine CSS3 Cheat Sheet
二、CSS代码生成工具
1. Gradient Editor
一个强大的CSS渐变代码可视化编辑器,类似于Photoshop的渐变设置界面。
2. Gradient
CSS3渐变代码生成器。
3. Border Radius
边界半径(圆角)代码生成器,通过设置四个角的半径数字,即可自动生成代码,且能够直接预览到效果。
4. CSS3 Generator
通过可视化形式设置各种属性,包括文字阴影、轮廓、边界、渐变、过渡等,并能够自动生成代码。
5. CSS3
针对边界半径、box阴影、背景渐变和不透明度的CSS3代码生成器。
6. LayerStyles
如果你熟悉Adobe Photoshop,你会发现这个工具非常好用。
7. CSSWarp
自动生成路径文本的CSS代码。
8. Font Squirrel
生成woff、svg、eot和ttf格式的字体,并在CSS中使用。
9. CSS3 Maker
强大的CSS3代码生成器。
10. CSS3 Tool
各种CSS3代码生成工具集合。
一、参考手册
1. Idiomatic CSS
编写统一、符合习惯的CSS的原则,有中文版本。
2. CSS3 Click Chart
示例代码和CSS3特性支持情况表。
3. CSS3 Selector
CSS3 Selector的官方指导手册。
4. HTML5 & CSS3 Support
主流浏览器对HTML5和CSS3支持情况一览表。
5. CSS3 - Information and Samples
针对CSS3的各种信息和示例。
6. Sencha CSS3 Cheat Sheet
7. Smashing Magazine CSS3 Cheat Sheet
二、CSS代码生成工具
1. Gradient Editor
一个强大的CSS渐变代码可视化编辑器,类似于Photoshop的渐变设置界面。
2. Gradient
CSS3渐变代码生成器。
3. Border Radius
边界半径(圆角)代码生成器,通过设置四个角的半径数字,即可自动生成代码,且能够直接预览到效果。
4. CSS3 Generator
通过可视化形式设置各种属性,包括文字阴影、轮廓、边界、渐变、过渡等,并能够自动生成代码。
5. CSS3
针对边界半径、box阴影、背景渐变和不透明度的CSS3代码生成器。
6. LayerStyles
如果你熟悉Adobe Photoshop,你会发现这个工具非常好用。
7. CSSWarp
自动生成路径文本的CSS代码。
8. Font Squirrel
生成woff、svg、eot和ttf格式的字体,并在CSS中使用。
9. CSS3 Maker
强大的CSS3代码生成器。
10. CSS3 Tool
各种CSS3代码生成工具集合。
相关文章推荐
- 实用的 CSS3 参考手册和代码生成工具
- 渐变代码实用的 CSS3 参考手册和代码生成工具
- 实用的 CSS3 参考手册和代码生成工具
- WebService学习总结 三 利用本地wsdl文档生成客户端代码和TCP/IP工具监听请求
- mybatis利用generator自动生成的代码学习篇
- CSS3 代码生成工具:Create CSS3
- gsoap应用---利用gsoap工具生成代码
- 挑选的在线CSS3代码生成工具
- 10款精心挑选的在线 CSS3 代码生成工具
- xml学习(三)---利用xml文件实现数据岛功能(网页显示xml文件中的内容免C#代码操作xml文件)
- 十款精心挑选的在线 CSS3 代码生成工具
- gsoap应用---利用gsoap工具生成代码
- CSS Animatie是一款在线制作CSS3动画的工具,可以在线直接制作CSS3动画效果,生成代码
- 利用代码生成工具Database2Sharp设计数据编辑界面
- [项目过程中所遇到的各种问题记录]学习篇——对工作以来的学习过的开源项目进行总结—动软代码生成工具
- 利用IE8开发人员工具学习优秀网页设计
- gsoap应用---利用gsoap工具生成代码
- LImax服务器框架学习--安装、使用ant工具、生成limax相关代码
- 如何利用NB代码生成工具和NBear框架,快速开发WEB项目
- VS代码生成工具ReSharper使用手册:配置快捷键(转)