entries by category

Be GRIDdy ;)

Posted: Mon, 17 May 2010 20:14:51 GMT; Category: CSS;

I am into grids and I've been using them for the last couple of months in my recent projects. Specially I like 960.gs grid system or its variants (12, 16 and 24 columns) and sketch sheets.

Now there is something extra - 960.gs grid overlay. This is a jQuery plugin that generates and overlays the grid (12 or 16 columns). Something really useful when it comes to write HTML and CSS.

There is also a bookmarlet available for the browsers.

CSS Float property explained

Posted: Sat, 24 Oct 2009 13:36:57 GMT; Category: CSS;

If you are web developer/designer and you are involved in front-end development, probably you know what float property is and what issues can cause (specially in our beloved IE).

A really good article has been published on Smashing Magazine: The Mystery Of The CSS Float Property. This must-read position with good explanations and examples. The good thing about this articles is that you can find reference to IE-related bugs and fixes.

Enjoy the reading.

CSS Reset

Posted: Fri, 08 May 2009 10:44:02 GMT; Category: CSS;

Here is what I always put into my CSS file everytime when I start working on new project:

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

The goal of reseting elements above is to reduce browser default styling. More extended version is presented by Eric Meyer on his blog. There is also Yahoo version of CSS Reset available on YUI Library.