Style Guide – UX Reference Collection

Primer – the CSS toolkit and guidelines that power GitHub

Primer is GitHub’s internal CSS framework. It includes basic global styling for typography, small components like buttons and tabs, and our general guidelines for writing HTML and CSS. It’s been used internally at GitHub for years now.

Open-sourcing Primer means sharing and learning with the community. There’s a lot we can improve upon in Primer, and help is always appreciated. While we don’t currently plan on building this out as a competitor to other front-end frameworks, we will occasionally add, remove, or modify things.

source

UX Recipe

Good list of techniques and methods with descriptions. Not too useful for its intended purpose but the collection is a could be useful as a reference.

source

2014: An Exhaustive Look At The Year In Web Design

Good list of examples, links.

source

Style Guide Best Practices

Style guides and pattern libraries are essential tools to help Web teams maintain sanity while creating experiences for our multi-device Web.

The benefits of style guides are many: they establish a common language, make testing easier, save time and effort, and create a useful reference to keep coming back to. And most importantly, it lays a future-friendly foundation for your organization to modify, extend, and evolve over time.

source

Interaction Design Checklist

Good checklist to check UX, interactions.

source

styleguides.io: Website Style Guide Resources

Excellent list of links – comparisons, boilerplate, tearsheets.

source

Buffer Style Guide

Fairly decent tearsheet. Missing forms.

source