Grid System Generator » CSS Frameworks

CSS Framework Battle Royale

admin — Mon, 05 Apr 2010 12:59:20 +0000

CSS frameworks really speed up the web design and development process. We have designed sites with both the 960 grid system and blueprint before. There are a lot of differences between the five main css frameworks, which are discussed on this blog post.

250+ Resources to Help You Become a CSS Expert

admin — Tue, 18 Aug 2009 12:26:00 +0000

CSS is the second-most-important thing you can master when it comes to web design, right after HTML.

And the capabilities of CSS can be staggering (especially with the new CSS3 standard already making appearances in some browsers).

If you can imagine it, it’s likely someone has already figured out how to do it with CSS.

Battle of the CSS Frameworks

admin — Fri, 10 Jul 2009 12:36:29 +0000

A great article where the author goes through his experience of the various CSS Frameworks (960.gs, Blueprint, YAML, LogicCSS, YUI Grids, Tripoli, Elements and Hartija).

Stop Whining About CSS Frameworks

admin — Thu, 09 Jul 2009 11:30:17 +0000

Since releasing BlueTrip, I’ve come across many a doubter who argue that CSS Frameworks are unnecessary, non-semantic, or sometimes just downright annoying and inflexible. I’ve fought this battle so many times that I’ve slowly gathered a response to all of these charges, and I’m going to stick them all here, in one place, as one big steaming billboard of I LOVE FRAMEWORKS propaganda.

Hartija – Css Print Framework

admin — Thu, 09 Jul 2009 11:08:51 +0000

Universal Cascading Style Sheets for web printing by uniting all best CSS printing practises into one.

Popular CSS Frameworks + Tutorials & Tools for Getting Started

admin — Thu, 09 Jul 2009 10:44:26 +0000

CSS frameworks have grown in popularity recently, enabling developers to rapidly prototype designs. The idea of CSS Frameworks is to do all the heavy lifting of the repetitive tasks you do over and over again on each site, allowing you to get faster results and get to the fun stuff designers love.

CSS Frameworks + CSS Reset: Design From Scratch

admin — Wed, 08 Jul 2009 12:18:29 +0000

You don’t have to write the same CSS-code or (X)HTML-Markup over and over again. Whatever project you’re starting to work with, at some point you have to define classes and IDs you’ve already defined in your previous web-projects. To avoid unnecessary mistakes you might want to start not from a blank file, but from an almost “perfect” scratch. The latter might contain some basic definitions you’d write in your code anyway. However, once you’ve decided to create such a scratch, you need to make sure it is really bulletproof — besides, if the stylesheet also sets up optimal typographic rules and basic form styling you manage to kill two birds with one stone.

CSS Grid Framework

admin — Sun, 05 Jul 2009 13:26:04 +0000

What is a CSS Grid Framework?

Layout grids have been used in print publishing long before the Web. They’re an invisible foundation used to achieve visual cohesion in magazine and newspaper page design and layout. They essentially amount to a lattice that divides horizontal and vertical space in consistent units where text, headlines, images, and advertising can be placed.

The same concept has been adapted for web page design for much the same reason, using CSS (Cascading StyleSheets) code to position HTML elements. In fact, many editorial sites run by large print media publishers do apply grids to achieve a look on their websites that’s similar to their print content. Note that the vertical axis is not as well supported in CSS Grid systems, since a web page’s height is not as much of an issue as for a printed page. (Still, that’s a minor issue in web page design, unless you expect the same features as with Desktop Publishing – aka DTP – systems, which is difficult to support without a PostScript-like language for browsers to implement and support.)

Which CSS Grid Framework Should You Use for Web Design?

admin — Sun, 05 Jul 2009 12:54:58 +0000

Ever wondered how all those slick “magazine” themes for WordPress and other platforms were created? Many, if not all, were designed using a CSS Grid Framework – at least in essence if not in actual fact. That is, you can use an existing CSS framework or build your own from scratch. While it’s possible to design complex web page layouts without a framework, it’s arguably an act in masochism. In this article you’ll get an overview of the current batch of Frameworks and which you should choose to use.

emastic

admin — Sat, 04 Jul 2009 14:06:22 +0000

Emastic is a CSS Framework, it’s continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before.

Why should you use emastic?

It’s:

Lightweight (compressed weight less then 4kb)
Personalized width of the page in (em,px,%)
Use of fixed and fluid columns in the grid.
Elastic Layout with “em”s