CSS Best Practices

Transcript

1. CSS Best Practices   Mahdi Pedramrazi
2. #1    Don’t  repeat  yourself.  
3. DO  YOU  SEE  THE  PROBLEM  
4. CAN  WE  DO  BETTER  ?  
5. CREATING  REUSABLE  UNITS  
6. USING  CSS  PREPROCESSOR   Even  more  reusable  units   Less  File  
7. #2   Don’t  Introduce  complexity.  
8. Avoid  Using  !important  
9. Don’t  Use  Inline  CSS  ProperQes     <div  style=“color:  red;”></div>  
10. Avoid  Doing  Styling  With   JavaScript  
11. Avoid  Using  CSS  classes  used  for  styling  in  JS     Bad   Good  
12. #3   WRITE  LESS  CODE  
13. CREATE  REUSABLE  CLASSES   AND  MARKUP  
14. WRITE  LESS  MARKUP   Faster  reflow  and  rendering  
15. Thank  You