Collection of CSS open source resources

A comprehensive collection of CSS resources, including: preprocessors, frameworks, CSS structure, code style guides, naming conventions, podcasts, speech videos, CSS development experience for large websites, and more.

Preprocessor Compile CSS

faster

GCSS - a CSS preprocessor written in GO .

LESS - backwards compatible with CSS and adds extra functionality to current CSS.

Myth - Just write pure CSS without worrying about slow browser loading.

PCSS - A CSS preprocessor written in Python .

PostCSS - Transform CSS with JS plugins

Sass - Mature, stable and powerful professional CSS extension language

Stylus - Intuitive, robust and featureful CSS language for

nodejs YACP - Another CSS preprocessor

Here is a CSS preprocessor Processor summary .

Framework

960 Grid System – Simplified web development workflow

Blueprint – This CSS framework provides you with an easy-to-use grid system, intuitive typography, useful plugins and printable styles

Bootstrap – the most popular HTML , CSS, JS framework

inuit.css – Powerful, extensible, Sass-based, BEM-named object-oriented CSS framework

Foundation – an advanced responsive front-end framework

Material Design Lite – a great framework for making Material Design-style websites

Materialize – a modern responsive front- end framework based on Material Design.

Pure.css - A set of small responsive CSS modules for all web projects

Semantic UI - Powerful framework using human-friendly html.

Skeleton - A super simple responsive template.

UIkit - Grid system for mobile, tablet and computer.

Toolset

Basscss - A Lightweight Collection of Basic Element Styling and Immutable Tools

Bourbon - Simple and Lightweight Hybrid Library for Sass

Corpus - Another CSS Toolset

Susy - A responsive toolset for Sass.

CSS Structure

RSCSS - A reasonable standard for CSS style structure

ITCSS - Stable, scalable, and controllable CSS architecture

for large UI projects CSS Standardization

Normalize - A set of CSS specifications

that provide better default style consistency across browsers OpenType - Added OpenType features to Normalize.css like ligatures, word spacing, and more.

Reset - a set of CSS standards that adjusts all HTML elements to a consistent baseline

sanitize.css - a set of ready-to-use CSS specifications that conform to today's best practices. CSS Development

for Large WebsitesGithub's CSS SolutionsCodePen 's CSS SolutionsLonely Planet's CSS SolutionsGroupon 's CSS Solutions plan





















Code Style Guides

Writing Idiomatic CSS

CSS Guidelines

Sass Guidelines

Style Guides by Mark Otto, inspired by "GitHub Styles" and "Writing Idiomatic CSS"

ThinkUp's CSS Style Guidelines

Google's HTML/CSS Style Guidelines

WordPress's CSS Code Standard

Style Guide

Atlassian Official UI Documentation ;

Design Elements

GitHub's CSS Style Guide

Patterns

Lighting Design System

SASS Style Guide

Starbucks' Style Guide

Some resource

naming conventions and ways of website style guide

Atomic OOBEMITSCSS

BEM

SMACSS

Point North

ITCSS

OOCSS

Title CSS

idiomatic -css

Atomic Design

SUIT CSS

Kickoff CSS

original link: http://www.kubiji.cn/topic-id3159.html