We all hit the same problem and re-write the same CSS code or HTML again and again. On each project we start, a similar issue appears, to define classes and IDs that we have done to previous projects. A god start should be to make all of it from the very beginning on a new blank. That might have also similar definition that you have to type in your code. Though when you are ready to go on and made a scratch you have to be positive its bulletproof..and also beside that you have to be careful at one detail, that in your writing you might ‘put up’ together the rules and basic forms styling..
From this point CSS Frameworks and CSS Reset are important. Using them you might have a nice default-stylesheet and markup. But though what is the concept of CSS Framework and Reset.? With one step forward we might know that and we might know how to use the most popular CSS frameworks and multiple stylesheets that we use first at a new website from scratch.
- What we presenting here covers tools and techniques that use Grids.
- The following post makes a review of what CSS Frameworks is about and not makes a extensive debate on programming such as CakePhP, and others.
Definition of CSS Framework
- ““framework”: a set of tools, libraries, conventions, and best practices that attempt to abstract routine tasks into generic modules that can be reused. The goal here is to allow the designer or developer to focus on tasks that are unique to a given project, rather than reinventing the wheel each time around.” Articles : Frameworks by Jeff Croft
- Basic conceptual structure that can be use as a ’scratch’ for projects. Instead of defining global reset, consistent baseline, you can make a default style and use it for all the projects.
CSS Frameworks
Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography.
Blueprint is great. But I found that using a complete framework with CSS only is an impossible task. The grids gets bloated, unsemantic and full of impossible class names. Instead, Tripoli is based around good HTML rendering and separating content typography from layout.
(YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.YAML Builder 1.0 beta1 was released on late yesterday evening. It comes with a new designed user interface, many new features and complete (X)HTML/CSS code output. Its fully compatible with the Simple Project Example so that you can copy/paste all builder output directly into the appropriate files in the project folders. Yaml Builder
The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations. Other features include:
- Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily customize to any number.
- Supports easy customization of the width for fixed-width layouts.
- Flexible in response to user initiated font-size adjustments.
- Template columns are source-order independent, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).
- Self-clearing footer. No matter which column is longer, the footer stays at the bottom.
- Layouts less than 100% are automatically centered.
CSS Styling
Baseline Stylesheets – by Darren Hoyt
Web typography : bottom margins of paragraphs and lists – by Marko Dugonjic
“If you’ve been creating sites with CSS for a while you may be getting frustrated with having to recreate and retest basic layouts on a regular basis. In this article I’m trying to illustrate a simple way of skipping the tedious startup on your average project, letting you get to the interesting stuff as quickly and efficiently as possible.” Content with Style
Clean HTML markup, many layouts by TJDesign
CSS Reset
“[The inherit] effects, as seen in my development environment, will still serve the purpose of reminding me to build up the styles I actually want, and not use the browsers’ defaults as a crutch. There is the possibility of my forgetting that (for example) IE/Win italicizes em when I don’t want it to, but that’s something I’ll catch during the browser testing phase.”
“I’ve been writing CSS professionally now for about 2.5 years so here are 5 quick tips that help me out in my day to day work. I wouldn’t call them best practices because everybody has a style that works for them, but these are what work best for me.”
“CSS Frameworks seem like an awesome advancement at first glance: speed up your development, normalize your code base, and eliminate those nasty browser bugs.”
CSS Techniques by Cristian Montoya
” Tripoli is a generic CSS standard for HTML rendering. By resetting and rebuilding browser standards, Tripoli forms a stable, cross-browser rendering foundation for your web projects.”
CSS Frameworks Advantages
Browser-compatibility
If your CSS-framework is bulletproof then the problems with browser-comatibility should be no more and you should start coding right away..
Grow productivity and less mistakes
When you are developing same websites, CSS code might speed your productivity, less mistakes and maybe a simply CSS code.
Better workflow
When CSS work moves fine then you can use it in a team or group. Misunderstandings are avoid and this are positive for workflow. The result will be seen later and the deadlines for projects will be easily meet without compromise the quality of the work.
Clean, and complete code
The foundation of your website is being provided by the CSS Frameworks, there you have the basic style of all html elements and you will don’t have to style anything from the beginning.
CSS Frameworks Disadvantages
” At their surface, frameworks seem like a great thing; unfortunately, that’s not the case. A big problem with frameworks is when up and coming developers attach themselves to a framework as opposed to the underlying code itself. The knowledge gained in this case surrounds a specific framework, which severely limits the developer. ” Do not use CSS Frameworks
“This is the largest reason I’ve never built or used a CSS framework. By building a site from the ground up, you gain a knowledge of your site’s architecture that can’t be learned through any study or documentation. When a programmer asks you a question about restructuring the HTML, you can answer right away. You know where the CSS styles are (hopefully) and you know how the layout works.” Why I don’t use CSS Frameworks
