css资料

• SitePoint CSS Reference
• Mozilla CSS Extensions
• Mozilla Developer Center
• CSS 中文文档
• CSS Drive
• CSS Portal
• CSSDesk - Online CSS Sandbox.
• westciv - tools & resources for web professionals.
• hasLayout.net
• Internet Explorer UA Style Sheets
• LESS - Leaner CSS.
  • 用编程的方式来写CSS - LESS的应用
  • LESS和Sass的不同
• css之自动换行
• 连续字符自动换行的解决方案
• CSS 101
• css Zen Garden CSS 设计之美(CSS 禅意花园) 《CSS禅意花园》studyNote
• The Shapes of CSS Show and Edit Style Element
• Scalable and Modular Architecture for CSS
• Bootstrap, from Twitter @github

Calendar stamp

• Calendar stamp - 显示日历
• Date Display Technique with Sprites
• CSS 中的元素旋转 - 日历效果

CSS Button

• k-button -- 口碑团队开发的按钮样式框架，非常美观大方。
• Sexy Buttons -- 背景图目前设计的很粗糙，设计理念和 k-button 类似。

Checkbox & Radio

• 复选框单选框与文字对齐问题的研究与解决
• 表单 提示文字 对齐 (input,checkbox文字对齐）垂直对齐

CSS 圆角

• CSS 圆角
• CSS Mojo: Adding Visual Polish To Your Pages
• CSS Border使用小分享

CSS Table

• A CSS styled table ^Demo^
• 表格樣式集錦

CSS 反轉

• Text Rotation with CSS - 使用 CSS 旋轉實現的日期樣式。

字体 (Fonts)

• 谈谈字体那些事（第一部分）
• 谈谈字体那些事（第二部分）
• 谈谈字体那些事（第三部分）
• 默认Web字体样式 - 秦歌
• 再谈 Web 默认字体 - 玉伯
• 关于 Web 字体：现状与未来
• 再谈 Web 字体的现状与未来

工具 (Tools)

• CSSTidy^cn^
  • Online (1,2,3,4,5,6,7)
  • Minify CSS Tutorial
• csslint @github
  • Css lint in git(git-hook)
  • 关注CSS Lint
  • finding vim efm for csslint messages
• Minify CSS - Compress CSS Code
• YUI Compressor
• minify
• Smart Sprites - CSS Sprites自动化工具。
• Colour Contrast Check
• userstyles.org - Restyle the web with Stylish!
• Helvetireader^2^ - A minimal, anti-social theme for Google Reader.
• Helvetireader - 清爽好看的Google Reader美化套件
• Sass - Syntactically Awesome Stylesheets. 将 CSS 变成可编程的“语言”，可以使用变量，嵌套，继承，甚至是特定的缩进式语法。
• CSS-Crush
• lessphp
• 快速撰寫HTML/CSS的工具組合
• CSSEdit

清除浮动(clearfix)

• 万能清除浮动样式

网格(Grid System)

• The 1Kb CSS Grid - 拖放各个阈值并直接下载自动生成的CSS。
• Variable Grid System - 可直接修改各个阈值并预览效果。
• Grid Designer
• YAML Builder - A tool for visual development of YAML based CSS layouts.
• 960 Grid System 960-Grid-System@github
• 岁月如歌#grid
• 网页栅格系统研究（1）：960的秘密 2
• 网页栅格系统研究（2）：蛋糕的切法 2
• 网页栅格系统研究（3）：粒度问题 2
• 网页栅格系统研究（4）：技术实现 2
• 回复腾讯兄弟，再谈谈960
• 网页的栅格系统设计 - 青云
• 我的栅格系统 - 明城
• Five simple steps to designing grid systems 2 3 4 5

CSS Hacks

• CSS-Hacks
• 说说CSS Hack 和向后兼容 - 内附详细的各浏览器 Hacks 列表。
• On having layout
• Internet Explorer 6 and the Expanding Box Problem

活动

• CSS Naked Day

PPT

• CSS Wish List @JSConf - CSS继承、变量等愿望。
• Object Oriented CSS

• 960 Grid System Refresh OKC(slideshare)
• The Square Grid
• LessFramework
• 精选15个国外CSS框架
• 值得一看的10个很有希望的CSS框架
• 50个CSS编辑工具

• CSS Hacks
• 说说CSS Hack 和向后兼容
• CSS Expressions
• The Real Performance Overhead of CSS Expressions
• CSS Expression 的优化
• CSS expression在IE8里正式退出历史舞台

css3:

• CSS3 . Info - All you ever needed to know about CSS3.
• CSS 3 Modules
• Mozilla/Firefox/Gecko 浏览器的前缀：-moz-
• Webkit(Safari/Chrome)浏览器的前缀：-webkit- (注意，一些Webkit的前缀只能用于Safari，Chorme不支持。)
• 你应该知道的几个CSS3技巧
• CSS3 Secrets

• CSS Multi-column Layout Module
• Columns

Tools

• westciv - 有一些非常好的 CSS 演示和工具。
• CSS3 Generator
• CSS3 Gradient Generator
• CSS3 Button Maker
• CSS3 Please! - The Cross-Browser CSS3 Rule Generator.
• CSS3开发工具收集
• Sencha Animator

Resource

• Useful HTML5 and CSS3 resource
• 20大CSS3学习站点推荐！
• 学习笔记: CSS3 鼠标悬停动画
• How good is my browser? - 檢測瀏覽器對 CSS3 和 HTML5 的支持情況。
• 5个实用的CSS3实例

• CSS3 Solutions for Internet Explorer

Funny Demo

• Pure CSS Twitter 'Fail Whale'
• CSS3-Man
• A啦多梦告诉你浏览器对 CSS3 的支持程度
• dom3d: rendering 3d with CSS3
• CSS3 PIE - CSS3 Progressive Internet Explorer: 让 IE 浏览器支持 CSS3。
• Path 2.0 Flyout Menu by CSS
• Animate.css @github