What is the best CSS Framework and are they worth the effort?

by

CSS ‘frameworks’ are completely missing the point.

CSS is not like JavaScript, where you can include a base library/framework and then call functions and objects from it to do higher-level work. All a CSS framework can give you is declarative rules: some default browser-rule-reset stuff, some class styles to be forced to author your page to, and layout rules using ‘float’ and ‘clear’. You can write that in a few lines of CSS yourself rather than pulling in the bloat of a hundred framework rules.

The ‘grid layout’ stuff in particular goes back to the bad old days of mixing your presentation into your markup. ‘div class=”span-24″‘ is no better than a table, you’ll have to go back in there and change the markup to affect the layout. And all the frameworks I’ve seen are based around fixed-pixel floated boxes, making it impossible to create a liquid layout accessible on a wide range of window sizes.

It’s backwards authoring, of use only for someone too scared to write a CSS rule.

More Related Contents:

  1. What css framework should I use if I just want to make my website responsive [closed]
  2. blur everything but hovered CSS
  3. CSS transition effect makes image blurry / moves image 1px, in Chrome?
  4. CSS3 Transparency + Gradient
  5. See :hover state in Chrome Developer Tools
  6. Disable LESS-CSS Overwriting calc() [duplicate]
  7. Is float for layout bad? What should be used in its place?
  8. Center a div in CSS [closed]
  9. CSS: Margin-top when parent’s got no border
  10. CSS3 cross browser linear gradient
  11. How can I change the Bootstrap 4 navbar button icon color?
  12. CSS Auto hide elements after 5 seconds
  13. How to keep wrapped flex-items the same width as the elements on the previous row?
  14. Replacing H1 text with a logo image: best method for SEO and accessibility?
  15. CSS: fixed to bottom and centered
  16. CSS3 Fade Effect
  17. Why don’t margin-top: auto and margin-bottom:auto work the same as their left and right counterparts?
  18. How would you make two s overlap?
  19. Why use an HTML5 semantic tag instead of div? [duplicate]
  20. iOS 7 iPad Safari Landscape innerHeight/outerHeight layout issue
  21. How can I create multi columns from a single unordered list?
  22. How to prevent different browsers rendering fonts differently?
  23. How to style the UL list to a single line
  24. Align button at the bottom of div using CSS
  25. text flowing out of div
  26. Can I set the height of a div based on a percentage-based width? [duplicate]
  27. Is it bad practice to prefix single lines of CSS with // as a personal comment style?
  28. css to make bootstrap navbar transparent
  29. Ellipsis in flexbox container [duplicate]
  30. CSS Double Border with outer border thicker than inner border

Leave a Comment