Sponsorised links
2008
Ultimate multi-column liquid layouts (em and pixel widths)
by delavigne
& 3 others
(via)
Ultimate multi-column liquid layouts (em and pixel widths)
Ultimate multi-column liquid layouts (em and pixel widths)
by greut
& 3 others
This series of layouts use pixel and em widths and relative positioning, and they work with all the common web browsers including Safari on the iPhone and iPod touch. They're also 'stackable' so you can use multiple column types on the one page.
liquid layout for the win!
The Perfect 3 Column Liquid Layout: No CSS hacks. SEO friendly. iPhone compatible.
by karlcow
& 3 others
The Perfect 3 Column Liquid Layout (Percentage widths) No CSS hacks. SEO friendly. No Images. No JavaScript. Cross-browser & iPhone compatible.
Yahoo! UI Library: Grids CSS
by sbrothier
& 13 others
The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations. Other features include:
* Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily customize to any number.
* Supports easy customization of the width for fixed-width layouts.
* Flexible in response to user initiated font-size adjustments.
* Template columns are source-order independent, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).
* Self-clearing footer. No matter which column is longer, the footer stays at the bottom.
* Layouts less than 100% are automatically centered.
* Accommodates IAB's Ad Unit Guidelines for common ad dimensions.
* Offers full A-grade browser support.
Sponsorised links
2007
Perfect multi-column CSS liquid layouts - iPhone compatible
by camel
& 3 others
This series of website layouts use percentage widths and relative positioning, and they work with all the common web browsers including Safari on the iPhone and iPod touch. They're also 'stackable' so you can use multiple column types on the one page. This makes the number of possible layouts endless
Hoefler & Frere-Jones | Gotham Rounded
by springnet
If anyone's ever seem me talk at conferences, they'll know that I'm a bit of a fan of the rounded font. It's a bit of a Web 2.0 fetish as well. Personally at the moment I like the uniform stroke widths of VAG Rounded, but this looks pretty interesting...
2006
More Precise Definitions of Intrinsic Widths and Table Layout (Proposal)
by ariels
& 1 other
rules for computing the dimensions of a table or the distribution of column widths within the table were left undefined (for the case when table-layout is auto, the default value), although a non-normative algorithm was presented that depended on two intrinsic widths of a piece of content.
More Precise Definitions of Intrinsic Widths and Table Layout (Proposal)
by karlcow
& 1 other
rules for computing the dimensions of a table or the distribution of column widths within the table were left undefined (for the case when table-layout is auto, the default value), although a non-normative algorithm was presented that depended on two intrinsic widths of a piece of content.
Curvelicious
by duranduran
& 1 other
Create a layout with text flowing along an irregular outline should require nothing more than to replace the curve with a different set of images... a set where the images are of varying widths the may be wider or narrower than their neighbors.
Firefox extensions I couldn't live without - CSS Insider
by bcpbcp
& 6 others
(via)
# Web Developer - The absolute must-have extension for anyone who builds web sites, no matter how small or few and far between.
# MeasureIt - No more eyeballing pixel widths!
# ColorZilla - I shudder to think back on the huge PITA of getting hex codes for colors before this lovely extension... taking a screenshot, pasting it into Photoshop, using the eyedropper tool... how much time have I saved because of it? (Answer: lots.)
# FireBug - As mentioned on The Javascript Weblog; just darn useful.
# IE View - All the maddening bugs of IE without actually having to launch the browser. (With the caveat that it doesn't do me much good on my Mac at work, where I don't have IE/Mac installed.)
# Live HTTP Headers - Go along for the ride from user interface to server and back, making all local stops.
# EditCSS - Modify currently loaded stylesheets.
# Cookie Crumbler - Convenient way to quickly clear cookies from a domain.
# Clear Cache Button - Another small convenience that makes a big difference.
CSS Drop Column Layout
by Krome
& 6 others
(via)
4 columns with fixed widths, with the column on the furthest right dropping when the window is re-sized.
CSS Drop Column Layout
by ms_michel
& 6 others
(via)
4 columns with fixed widths, with the column on the furthest right dropping when the window is re-sized.
2005
Flexi Floats - Multi Column CSS-P Layout
by Hydragon
& 1 other
Flexi-Floats 3 Column CSS Layout - Fluid, Multi-Column Stretch Header, Footer, Fluid Center - Fixed or Fluid widths
1
(15 marks)
