阅读更多
CSS 资源大全,包括:预处理器、框架、 CSS结构、代码风格指南、命名习惯、播客、演讲视频、大网站的 CSS 开发经验等等。
预处理器
更快地编译 CSS
GCSS – 一个用 GO语言编写的CSS预处理器。
LESS – 向下兼容CSS并为当前的CSS增加额外的功能。
Myth – 只用写纯CSS而不用担心浏览器加载缓慢。
PCSS – 一个用 Python语言编写的CSS预处理器。
PostCSS – 通过JS插件来转换CSS
Sass – 成熟、稳定且强力的专业CSS扩展语言
Stylus – 用于nodejs的直观、强健、极具特色的CSS语言
YACP – 另一种 CSS预处理器
这里 有一个 CSS 预处理器汇总。
框架
960 Grid System – 简化了web开发工作流程
Blueprint – 这个CSS框架为你提供易用的栅格系统、符合直觉的排版功能、有用的插件以及可打印的样式
Bootstrap – 最流行的 HTML、CSS、 JS框架
inuit.css – 强力的、可扩展的、基于Sass的、采用BEM命名的面向对象CSS框架
Foundation – 一个高级响应式前端框架
Material Design Lite – 很好的用于制作Material Design风格网站的框架
Materialize – 基于Material Design的现代 响应式前端框架。
Pure.css – 一套可用于所有web项目的小型响应式CSS模块
Semantic UI – 使用人性化html的强力框架。
Skeleton – 一个超简单的响应式模板。
UIkit – 适用于手机、平板以及电脑端的栅格系统。
工具集
Basscss – 一个基本元素样式与不可修改工具轻量级集合
Bourbon – 用于Sass的简单且轻量的混合库
Corpus – 另一个CSS工具集
Susy – 用于Sass的响应式工具集。
CSS结构
RSCSS – CSS样式结构的合理标准
ITCSS – 用于大型UI项目的稳定、可扩展、可控制的 CSS架构
CSS标准化
Normalize – 一套提供较好的多浏览器默认样式一致性的 CSS规范
Normalize-OpenType – 为Normalize.css添加了OpenType特性,如连字、字间距等等。
Reset – 一套CSS标准,将全部的HTML元素调整到一致的基准线
sanitize.css – 一套可立即使用的,符合当今最优实践的CSS规范。
大型网站的 CSS开发
Github 的 CSS方案
CodePen 的 CSS 方案
Lonely Planet 的 CSS 方案
Groupon 的 CSS方案
Buffer 的 CSS 方案
HOOTSUITE 的 CSS 方案
我们是如何精简 Trello 的 CSS 架构的
Bugsnag 的 CSS 架构
Ghost 的 CSS 方案
Medium 的 CSS 方案
代码风格指导
编写符合语言习惯的 CSS
CSS 指南
Sass 指南
Mark Otto 编写的风格指南,受「GitHub 风格」和「编写符合语言习惯的 CSS」所激发
ThinkUp 的 CSS 风格指导
Google 的 HTML/CSS 风格指导
WordPress 的 CSS 代码标准
风格指导
Atlassian 官方 UI 文档;
设计元素
GitHub 的 CSS 风格指导
Patterns
Lighting Design System
SASS 风格指南
星巴克的风格指南
关于网站风格指导的一些资源
命名习惯和方式
Atomic OOBEMITSCSS
BEM
SMACSS
Point North
ITCSS
OOCSS
Title CSS
idiomatic-css
Atomic Design
SUIT CSS
Kickoff CSS
原文链接: http://www.kubiji.cn/topic-id3159.html