CSS 开源资源大全收集

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预处理器汇总。

框架

960GridSystem–简化了web开发工作流程

Blueprint–这个CSS框架为你提供易用的栅格系统、符合直觉的排版功能、有用的插件以及可打印的样式

Bootstrap–最流行的HTML、CSS、JS框架

inuit.css–强力的、可扩展的、基于Sass的、采用BEM命名的面向对象CSS框架

Foundation–一个高级响应式前端框架

MaterialDesignLite–很好的用于制作MaterialDesign风格网站的框架

Materialize–基于MaterialDesign的现代响应式前端框架。

Pure.css–一套可用于所有web项目的小型响应式CSS模块

SemanticUI–使用人性化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方案

LonelyPlanet的CSS方案

Groupon的CSS方案

Buffer的CSS方案

HOOTSUITE的CSS方案

我们是如何精简Trello的CSS架构的

Bugsnag的CSS架构

Ghost的CSS方案

Medium的CSS方案

代码风格指导

编写符合语言习惯的CSS

CSS指南

Sass指南

MarkOtto编写的风格指南，受「GitHub风格」和「编写符合语言习惯的CSS」所激发

ThinkUp的CSS风格指导

Google的HTML/CSS风格指导

WordPress的CSS代码标准

风格指导

Atlassian官方UI文档；

设计元素

GitHub的CSS风格指导

Patterns

LightingDesignSystem

SASS风格指南

星巴克的风格指南

关于网站风格指导的一些资源

命名习惯和方式

AtomicOOBEMITSCSS

BEM

SMACSS

PointNorth

ITCSS

OOCSS

TitleCSS

idiomatic-css

AtomicDesign

SUITCSS

KickoffCSS

原文链接：http://www.kubiji.cn/topic-id3159.html