I originally wrote this for work.  I figured I’d post it on my blog also, guess I’m a re-blogger after all.

Multi-column layout

The CSS3 function for Multi-Column Layout allows the user to creating a design similar to a Newspaper layout. With designs of blogs and websites heading towards a magazine layout type of style I figured this is truly a helpful style to use.

Multi-column Layout Properties

column-count: 3;  this sets the number of columns for which the content will flow.
column-width: 1em; this property sets the width of each column.
column-rule: 1px solid black; this sets a border between the columns.

Code sample:
Continue Reading

After going through a few projects and picking up some css skills along the way here are some neat css tricks I’ve learned and found very helpful.  So helpful I figured I write somewhere so I can always find what I need instead of using google all the time. The first bit of code is setting transparency for objects like images and divs. it can be a nice effect for  setting transparent backgrounds behind some funky bg image.

Codes for setting transparency:

For current firefox, safari browser
opacity:0.7;

For firefox browser
-moz-opacity:1.0;

For ie browser
filter: alpha(opacity=100);

Now here is something I’m completely stoked about and that is rounded corners.  I’m not sure about you but  I’ve always hated cutting out rounded corner images out just to make rounded corners(my blood is boiling just thinking of it).  Luckily the code below help eliminate most of these issues below are the code to create  rounded corners for safari and mozilla.  As for ie I don’t believe they support it yet but if you know they do please let me know ;D

Code for making rounded corners:
Continue Reading