Web Font Stacks
A list of commonly used used web font stacks to help choose the best typography for your site. Grouped by their preferred usage of headlines vs. paragraphs.
CSS Clipboard
A growing library of frequently used CSS code to help you tame your stylesheet.
Do you have code you would like to share? Let me know.
Centering a div Horizontally and Vertically
CSS code to center a div horizontally and vertically
CSS 3 Columns
CSS 3 Columns code. Add this code to your page to divide an area into 3 equal thirds. Similar to having a three column table.
CSS 2 Columns
CSS 2 Columns code. Add this code to your page to divide an area into 2 equal halves. Similar to having a two column table.
Cross Browser Inline-block
display:inline-block isn't always created equal in browsers. This chunk of code will help your block level elements line up horizontally like inline elements. This works great for thumbnail lists and image galleries.
Cross Browser Opacity
Code to help your CSS opacity work in all major browsers.
Cross Browser Gradient
CSS3 gradient is great because it limits the time spent inside Fireworks or Photoshop. This CSS code can help your gradient property work cross browser.
Cross Browser Text Shadow
Code to add CSS drop shadows on text or can be used to create CSS letterpress on web text.
Cross Browser Drop Shadow
CSS code to add drop shadows to a div tag
Cross Browser Rounded Corners
CSS code to add rounded corners in modern browsers