CSS and SASS Guide Line

1. do not use !important

2. use default !default

3. use !important for state

4. Order maintain

5. structure, presentation, behaviour

6. use em 

7. use % 

9. avoid import

10. do not use underscore or dashes

11. top down structure like generic class, header, nav, main-content.

12. combine element like h1, h2, h3{}

13. create your html first

14. use multiple classes

15. use short hand

16. comments right way

17. understand the block or inline

18. use compressors

19. use margin margin: 0 auto; to center layout

20. do not this <div class="header-text"><h1>Header Text</h1></div>

21. avoid css hack

22. do not use negative mergin to hide

23. Avoid Extra Selectors "body #container .someclass ul li {....}" to .someclass li {...}

24. color #000

25. use font normalize YUI fonts.css

26. should be written border: 1px solid #999;

--Guide Line

1. http://www.bbc.co.uk/guidelines/futuremedia/technical/semantic_markup.shtml

2. http://www.smashingmagazine.com/mastering-css-principles-comprehensive-reference-guide/

3. http://webdeveloperplus.com/css/25-incredibly-useful-css-tricks-you-should-know/

4. http://code.tutsplus.com/tutorials/30-css-best-practices-for-beginners--net-6741

5. http://learn.shayhowe.com/html-css/writing-your-best-code/

6. http://isobar-idev.github.io/code-standards/

7. http://www.codeproject.com/Tips/666578/HTML-and-Some-CSS-Best-Practice

8. http://www.w3.org/2001/06/manual/

--sass

1. http://geek-rocket.de/frontend-development/scss-styleguide-with-bem-oocss-smacss/
2. http://www.integralist.co.uk/posts/guide-to-using-sass/
3. http://webuild.envato.com/blog/how-to-scale-and-maintain-legacy-css-with-sass-and-smacss/
4. https://wiki.bath.ac.uk/display/webservices/CSS+and+Sass+coding+conventions
5. https://www.codeschool.com/courses/assembling-sass
6. http://leveluptuts.com/tutorials/sass-tutorials