Tagging the Web Daily 02/14/2008

Barrio Planners Incorporated - Welcome

tags: design, inspiration, web

Clever use of a fixed placement image at the bottom of the window in the background. The image is weighted to the lower right corner leaving lots of space in the upper left. Because the common western reading is left-to-right and top-to-bottom the whole page is balanced and very readable at a variety of sizes.

Download page - Context Free Art

tags: to-tag

Twitter Tools README | alexking.org

tags: plugin, twitter, web2.0, wordpress

24 ways: Increase Your Font Stacks With Font Matrix

tags: to-tag

maratz.com » archive » How to set leading with ems in CSS

tags: css, dm3105, typography

CommandShift3 - It’s like Hot or Not for web design

tags: to-tag

Roundup of Design Galleries - CSS-Tricks

tags: to-tag

The Great Website Design Gallery Roundup by CSS-Tricks

tags: to-tag

The Perfect Fluid Width Layout - CSS-Tricks  Annotated

tags: no_tag

I think the best possible scenario is to make a fluid width site that accomodates everyone. Here is what I think would be the “Perfect” fluid width layout:

• Works in all major browsers
• Shrinks to 780px
  This accomodates users with 800×600 resolution, with no horizontal scroll!
• Grows to 1260px
  This accomodates users with 1280×768 resolution and everything in between.
• This accommodates 90%+ of all internet users. You could easily make this layout grow larger, but be mindful of how line-length affects readability. Nobody wants to read a line of text 1980px long.
• Sidebars are of “equal height” to the main content
• Page content is centered for users with even higher resolutions.

• I use 700px to allow for my 1024×768 Tablet PC to be in Portrait mode. - post by pabranch

CSS Sprites: What They Are, Why They’re Cool, and How To Use Them - CSS-Tricks

tags: to-tag

Sniff browser history for improved user experience

tags: css, inspiration, tips, to-review, useability

SitePoint : About Us  Annotated

tags: data, design, inspiration, visualization, web, web2.0

A rather unique “About” page. Check out the historical time-line in the “History” column. Good data visualization! I like the use of color to show SitePoint heating-up to the present.

To help you gain an appreciation of SitePoint’s roots, start by casting your mind back to a time when only a few early-adopters knew what the term ‘dot com’ meant.

SitePoint is a fast growing online media company and information provider targeting the Web professional market, specifically Web Developers and Designers.

Audience Demographics

SitePoint visitors, subscribers, and customers have the following characteristics:

• 80% are males, with 50% aged between 25 and 40.
• 51% rate their internet ability as advanced, 28% are experts.
• 88% invest their own money in furthering their careers.
• 50% have been online since 2002 or earlier.
• 71% build web sites professionally for a living.
• 22% own their own businesses.
• 84% influence the purchasing decisions of the company they work for or own.
• 41% have an annual income between $40,000 and $100,000 USD.
• 7% have an annual income greater than $100,000 USD.
• 58% reside in the USA, Canada or the UK.