Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘Fluid’

Flurid is a CSS grid framework which is designed to create cross-browser and fluid interfaces.

Compared to many other fluid grid systems, Flurid doesn't hide pixels in margins but uses overflow: hidden and width: auto properties to get rid of the extra pixels in the last column.

Flurid CSS Framework

The framework has a very intuitive naming convention and supports nested grids + mixed columns.

There is also an optional Flurid jQuery plugin provided which automatically adds classes for you and makes developing easier.

Centage is a CSS framework that focuses on creating simple-to-advanced fluid layouts easily.

It is based on less.js, a JavaScript implementation of less css, and makes use of it's advanced features like mixins, variables and nesting.

Also, due to the nature of less language, it doesn't add any extra markup to the Xhtml documents and everything stays inside the CSS file.

Centage CSS Framework

The framework doesn't use any pixel values, everything expands and shrinks according to browser width, remaining in visual balance.

Besides these advantages, the major disadvantage is the requirement of JavaScript (there are solutions offered for that in the resource's website).

Centage is currently in alpha stage and, although works as expected in most modern browsers, have problems in Opera and not fully tested in IE.

The 1140 grid is a CSS framework which fits perfectly to 1280px resolutions and, for smaller sizes, it becomes fluid for adapting to the width of the browser.

After a certain size, by using media queries for serving the mobile version, it positions all the columns on top of each other to help the same design still make sense.

1140 CSS Grid Framework

It uses a 12 column system and have gutters ~40px on full-width.

The framework works in most modern browsers. As expected, it is a little problematic in IE6 (the developer of the framework states there should be very few people using IE6 and having a large screen size which sounds true).

There are various CSS frameworks which offer a grid system, a style reset, basic typography, form styling & more.

But, if you only need a lightweight grid framework to build the skeleton of your website, take a look at the 1Kb CSS Grid.

1Kb CSS Grid

It supports both fluid grids besides the fixed-width ones and nested rows can be created.

The website of the framework provides a generator to customize the grid & download the CSS easily.

Also, Usability Post has a very detailed introduction to the 1Kb CSS Grid in 3 steps. To dig the details, make sure you check them:

Uptime Robot
feed-holder
FeedBurner
  • aXmag - Flash Page Flip Magazine Software, PDF to Flash Converter
  • ManageWP
  • PSD to HTML
    PSD to HTML