{Carrer web log}
When to use CSS framework?
Wednesday, August 06, 2008 { 8 Comments }
What is CSS framework?
“A CSS framework is a pre-prepared library that is meant to allow for easier, more standards-compliant styling of a webpage using the Cascading Style Sheets language. Just like programming and scripting language libraries, CSS frameworks (usually packaged as external .css sheets inserted into the header) package a number of ready-made options for designing and outlaying a webpage.” - from Wikipedia
When to use CSS framework?
Let’s start with two obvious scenarios.
- Imagine that you are working on a project dealing with a site for some big newspaper (like “The New York Times”) or a big corporate portal like Yahoo; or you must do some unorthodox “artistic” site, but you are not allowed to use Flash.
- You work in a team and you must have “standard” universal code or you work alone and want to control your code.
So, let’s resume: If you have a very big site and work in a team (or alone) and you must have “standard” (universal) code that can cover all the scenarios, the best solution is - CSS Framework.
Who should use CSS framework?
One of the misleading concepts is that CSS Frameworks are great for CSS beginners and that you can web develop faster. Maybe you can save a lot of time in the beginning but you will lose a lot of time in the end for debugging or for implementing some specific code. It’s like Murphy's law - after almost everything being done, you must implement some features that the Framework does not cover.
Hence - the CSS Frameworks are not for CSS starters (newbies)! They are for people who know CSS but want more organized approach.
Positive/negative aspects of the CSS frameworks
Positive:
- They usually have multi - browser support.
- If the CSS Frameworks are public and have community support a lot of bugs and problems are fixed. Also you have a lot of code examples.
- They usually have 80% of all the CSS code that you will ever need.
- You can learn a lot from the CSS Frameworks .
Negative:
- There will be some CSS code from the framework that you will never use.
- You need time to learn how the CSS framework works.
- Bug fixing is not always simple (first you have to learn how the framework works)
- It’s not so “semantic” (class=”menu-left” – semantic v.s class=”div-xyz” not so semantic)
You can use CSS framework:
- If you have a newspaper that you want to publish online
- If you manage portal or corporate site
- If you write templates for some CMS like Drupal, Joomla, WordPress
You can add some other examples in the comments
If you want to stay out of the grid or you want to build something personal, then it’s better to write a personalized CSS code instead.
Labels: css, css framework
About Me <<<
Name: Vladimir Carrer
vladocar [at] gmail.com
Location: Verona, Italy
I'm a web designer, developer, teacher, speaker, generally web addicted ...
My projects <<<
- AI Prompt Directory
- Hand Drawn Icons
- Font Design Inspiration
- Font Pairings
- Free SVG Cut File
- Upcoming NFT projects
- Discord Tutorials
- Free Sublimation Designs
- Tech Feed
- MySQL Lite Administrator
- Quark Mini PHP CMS
- Formy - CSS Form Framework
- Emastic - CSS Framework
- Malo - CSS Library
- The Golden Grid
- 1 line CSS Grid Framework
- Two Lines CSS Framework
- Child Selector System - CSS Framework
- Better Web Readability Project
- Azbuka - CSS Typographical Base Rendering Library
- ClipR - bookmarklet for better reading
- CSS3 Action Framework
- CSS Mini Reset
- HTML5 Mini Template
- CSS Mobile Reset
- picoCSS - JavaScript Framework
- HTML Lorem Ipsum Crash Test
- Object Auto Documentation - JavaScript
- o - JS Library for Object Manipulation
- Foxy - CSS Framework
- Tumblr Free Theme - Better Readability Project
- Box - CSS Framework
- SMART CSS GRID
- nanoJS - Minimal JS DOM Library
- Flexy CSS Framework
- Katana is CSS Layout System made with Flexbox
- Micro CSS Reset
- 60 Grid System
- Simple CSS Button
- ramd.js JavaScript library for making web applications.
- Minimal Notes web app build with Vue.js
- Scribble Font for Prototyping & Wireframing
- Flex One - 1 CSS Class System
- Floaty - CSS Float Based Layout System
- Infinity CSS Grid
- CLI Convert websites into readable PDFs
- keywords-extract - CLI tool, extract keywords from any web page.
- screenshoteer - Make website screenshots and mobile emulations from the command line.
- Basic.css - Classless CSS Starter File
§§Previous Posts <<<
- GPT-3 and CSS Frameworks
- Don’t use CSS Reset use CSS Set
- One Page 2020 Calendar Print Version
- 3 CLI tools based on Node.js
- Scribble Font for Prototyping & Wireframing
- ramd.js - Small JavaScript library for making TODO...
- Katana.scss - CSS Layout System made with Flexbox
- Flexy CSS Framework
- nanoJS - JavaScript for DOM manipulation
- SMART CSS GRID
§Archives <<<
- May 2006
- June 2006
- July 2006
- August 2006
- September 2006
- October 2006
- January 2007
- February 2007
- October 2007
- April 2008
- June 2008
- July 2008
- August 2008
- September 2008
- November 2008
- December 2008
- January 2009
- February 2009
- March 2009
- April 2009
- May 2009
- June 2009
- August 2009
- September 2009
- October 2009
- November 2009
- December 2009
- January 2010
- February 2010
- March 2010
- April 2010
- May 2010
- June 2010
- July 2010
- August 2010
- September 2010
- October 2010
- November 2010
- December 2010
- January 2011
- February 2011
- March 2011
- April 2011
- May 2011
- June 2011
- July 2011
- August 2011
- September 2011
- October 2011
- November 2011
- December 2011
- January 2012
- February 2012
- March 2012
- April 2012
- June 2012
- August 2012
- November 2012
- January 2013
- March 2013
- June 2013
- October 2013
- November 2013
- March 2014
- September 2014
- October 2014
- November 2015
- March 2018
- May 2018
- June 2018
- July 2018
- October 2018
- January 2019
- January 2020
- June 2020
- April 2021
Other Profiles <<<
Content is licensed under a Creative Commons Public Domain License