flâneur

andredesousa/css-best-practices: This is a guideline of CSS best practices that you can apply to your front-end project.

github.com · 4,655 words · saved by 1 readers

This is a guideline of CSS best practices that you can apply to your front-end project. This is a guideline of best practices that we can apply to our front-end project. Some of these tips are for CSS pre-processors such as Sass, Less and Stylus. These tips are based on CSS documentation, books, articles and professional experience. Code conventions are base rules that allow the creation of a uniform code base across an organization. Following them does not only increase the uniformity and therefore the quality of the code. Airbnb CSS/Sass Style Guide is very popular and recommended. We can complete them with CSS Guidelines and Sass Guidelines. To make it mandatory, we need a linter, formatter and strong code review. The code conventions must be dynamic and adaptable for each team and project. It is up to each team to define its convention. Finally, take a few minutes to browse Awesome Sass. Awesome Sass is a list of awesome Sass and SCSS frameworks, libraries, style guides, articles,

CSS Best Practices This is a guideline of best practices that we can apply to our front-end project. Some of these tips are for CSS pre-processors such as Sass , Less and Stylus . These tips are based on CSS documentation, books, articles and professional experience. Table of Contents Follow conventions Follow a CSS methodology Lint the CSS files Alphabetize CSS properties Cross-browser compatibility Prefer CSS over JavaScript Comment the CSS Avoid undoing styles Avoid magic numbers Avoid qualified selectors Avoid hard-coded values Avoid brute forcing Avoid dangerous selectors Avoid extra sele

related reading