A high-level overview of CSS best practices
This document covers a very high-level overview of what makes for good, performant, maintainable, manageable CSS over large projects. If you’re looking for round corners and drop-shadows, turn back now…
These guidelines are a culmination of the past several years of my career as a web developer. They are also a part the same guidelines I wrote for developers at Sky.
This document is a personal one, and for use at my place of work. I decided to share it in the hope that it might be useful to others but if you disagree with anything please remember; this is a document for me and Sky. You do not have to follow the advice given, nor do I provide any guarantee.
I decided to host this document on GitHub so that other organisations and individuals can fork it and make amends and additions as they see fit. I have licensed it under the Apache 2.0 License for formality, but all I do ask is that if you do fork, learn from and/or use any of this, please give it a Tweet and leave credits and attribution in place.
Copyright 2012 Harry Roberts
Licensed under the Apache License, Version 2.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an “AS IS” BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.