🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

CSS 网址珍藏与整理

1. Format

往往大小写混用,全部搞到一行的代码让人读着很头疼,format 一下吧。

也是有各种的选项让你来定制。

http://www.lonniebest.com/FormatCSS/

 

2. Compressor

CSS Compressor Free CSS Compressor Tool

 

 

 

 

 

http://www.minifycss.com/css-compressor/

有很多选项让你选择性的进行压缩。并且输出帮你压缩的 log,比如某行#FFFFFF 压缩为 #FFF 之类的, 很不错。当然你也可以在上面压缩的的 Javascript。

 

3. CSS Lint

http://csslint.net/

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/

 

很多好看的字体,木有中文啊。。。

font family

http://www.fontsquirrel.com/

http://www.google.com/webfonts

 

让我叹为观止, CSS 也可以这样?

advance CSS

http://www.romancortes.com/blog/tag/css/

 

跨浏览器的 CSS3 语法

很久以前收藏的网站了,随着浏览器的不断升级,基本上用不到了。由于只是基本,还是贴一下吧。

http://css3please.com/

 

CSS 学习网站

http://reference.sitepoint.com/css

http://www.w3.org/TR/CSS/

http://www.css3.com/

http://www.css3.info/

 

CSS Templates

http://www.cssdesignawards.com/

等等等的就参见 CSS模板是怎么炼成的

 


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

留下你的脚步