Front-End Developer Resources

Frontend Guidelines

• frontend-guidelines: Some HTML, CSS and JS best practices.
• Google Style Guide: Google HTML/CSS Style Guide
• code-guide: Standards for flexible, durable, and sustainable HTML and CSS.

CSS

Patterns

• Github: The CSS toolkit and guidelines that power GitHub.
• Scooter: SCSS framework built to provide base styles, CSS components, and rapid static prototyping for Dropbox.
• Mailchimp: Mailchimp front-end framework

Style Guides

• Airbnb: Airbnb CSS / Sass Styleguide
• SalesForce: Lightning Design System
• Trello: Trello CSS Style Guide
• Evernote: Evernote CSS Style Guide
• Dropbox: Dropbox CSS Style Guide
• Buffer: The Buffer Style Guide
• bc-style-guide - Nicolás: CSS: The Good Parts
• MaintainableCSS: MaintainableCSS is an approach to writing modular, scalable and of course, maintainable CSS.
• idiomatic.css: Principles of writing consistent, idiomatic CSS.
• CSS Bliss: A CSS style guide that puts the Clean, Smart, and Simple back into CSS
• Yelp: This styleguide covers mixins for lots of CSS3 features as well as flexbox, animations and grids
• Workable: How we do CSS/Sass at Workable
• Mapbox: Css and styling

JS

Style Guides

• Airbnb: JavaScript Style Guide
• idiomatic.js: Principles of Writing Consistent, Idiomatic JavaScript
• Angular Style Guide: A starting point for Angular development teams to provide consistency through good practices.
• Angular styleguide: Angular styleguide for teams
• A JavaScript Quality Guide - Nicolás: A quality conscious and organic JavaScript quality guide

Examples

• Jstips: This is about one JS tip every day!