1. Format
往往大小写混用,全部搞到一行的代码让人读着很头疼,format 一下吧。
也是有各种的选项让你来定制。
http://www.lonniebest.com/FormatCSS/
2. Compressor
http://www.minifycss.com/css-compressor/
有很多选项让你选择性的进行压缩。并且输出帮你压缩的 log,比如某行#FFFFFF 压缩为 #FFF 之类的, 很不错。当然你也可以在上面压缩的的 Javascript。
3. CSS Lint
o(︶︿︶)o 唉,好好的看了下这个网站下面的选项,觉得自己悲剧了。平时咋就没注意这些东东呢,更可悲的是最近用 !important 还用上隐了?
- Don’t use adjoining classes
- Beware of broken box model
- Use compatible vendor prefixes
- Use properties appropriate for display
- Avoid duplicate properties
- Disallow empty rules
- Don’t use too many floats
- Don’t use too many web fonts
- Don’t use too many font sizes
- Include all gradient definitions
- Don’t use IDs
- Avoid @import
- Disallow !important
- Don’t use overqualified elements
- Don’t qualify headings
- Don’t use selectors that look like regexs
- Heading should only be defined once
- Use vendor prefix properties correctly
- Don’t use units for 0 values
4. Others
各种个样的 Tabs
http://www.hongkiat.com/blog/50-nice-clean-css-tab-based-navigation-scripts/
很多好看的字体,木有中文啊。。。
http://www.google.com/webfonts
让我叹为观止, CSS 也可以这样?
http://www.romancortes.com/blog/tag/css/
跨浏览器的 CSS3 语法
很久以前收藏的网站了,随着浏览器的不断升级,基本上用不到了。由于只是基本,还是贴一下吧。
CSS 学习网站
http://reference.sitepoint.com/css
CSS Templates
http://www.cssdesignawards.com/
等等等的就参见 CSS模板是怎么炼成的