#layouts (98 links)
- Actual Browser Sizes (final) - Baekdal.com baekdal.com
In order to support 95% of your visitors, you need to design for a maximum size of 776x424px.
This tutorial is an explanation of the techniques involved in creating a fluid flash movies that adapt to browser resolution.
- Subtraction: Oh Yeeaahh! subtraction.com
Creating some kind of definitive documentation about my approach to designing for the Web with the typographic grid as my primary layout tool.
- Information Architects Japan » iA Notebook » The 100% Easy-2-Read Standard informationarchitects.jp · Archived on
- A List Apart: Articles: Whitespace alistapart.com
The space between major elements in a composition is “macro whitespace.” Micro whitespace, is [...] the space between smaller elements: between list items, between a caption and an image, or between words and letters.
- Adactio: Journal - New Year’s Resolution adactio.com
"The numbers clearly show that monitor sizes and resolutions are getting bigger. The most common interpretation of that is more and more people have bigger displays. But an equally valid interpretation of the numbers is the range of displays is bigger tha
What we actually need is a selector that applies to everything immediately after our floated element, or its container. The W3C spec already has this element: the adjacent selector: A + B.
There needs to be another term for font-based layouts. Also, there is a mistaken assumption about the accessibility of font-based layouts.
- CSS-Based Tables: Modern Solutions | Smashing Magazine smashingmagazine.com
Over 30 modern css-based techniques in a brief overview.
If we want to serve devices whose viewports range from 240 pixels to about 1680 pixels—and with resolution ranging from 72 to 150 pixels per inch—we need a new method.
- CSS Source Ordered 1-3 Columned Page Maker by ClevaTreva Designs - The Generator Form v2.90 positioniseverything.net · Archived on
alternative to faux columns
- A List Apart: Articles: Text-Resize Detection alistapart.com
We’ll give you a way to detect your visitors’ initial font size setting—and a way to find out whenever your visitor increases or decreases the font size.
- CSS Frames v2, full-height | 456 Berea Street 456bereastreet.com
The layout I describe here will have a fixed header at the top of the page, a scrolling content area in the middle, and a fixed footer at the bottom of the page.
- A List Apart: Articles: Elastic Design alistapart.com
You may want your website to display in a specific way, but your users may want it another way. Enforcing anything on a user is bad for usability and therefore detrimental to the success of the website.
- CSS Frames | 456 Berea Street 456bereastreet.com
- Yahoo! UI Library: Grids CSS developer.yahoo.com
A suite of seven web page templates and the ability to nest grids of one to four columns within the content area of those templates.
- zooming content | weblog | donotremove donotremove.co.uk
Each page is based on what I'm calling a 'zooming' layout. By that I mean that the information view and relevance on the page zooms out as the page goes down.
- A List Apart: Articles: In Search of the Holy Grail alistapart.com
Three columns. One fixed-width sidebar for your navigation, another for, say, your Google Ads or your Flickr photos—and, as in a fancy truffle, a liquid center for the real substance.
- How To Nail A Sexy Layout // Archives // Addicted To New addictedtonew.com
- CSS Diagrams surfare.net
- Approximate Conversion from Points to Pixels reeddesign.co.uk
- Juicy Studio: Div Mania juicystudio.com
More and more web documents are appearing that consist of nothing more than a collection of div elements. In most cases, better use of CSS selectors could be used to avoid overusing the div element.
- Elastic Faux Columns ‽ Blog ‽ Pixel Meadow pixelmeadow.com
- The Man in Blue > Experiments > Form Layout themaninblue.com
This form pseudo-replicates the lining-up-to-margins form style that was first posited by Eric Meyer
- Neotonic ClearSilver clearsilver.net
A fast, powerful, and language-neutral HTML template system.
- Flexi Floats - Multi Column CSS-P Layout tanfa.co.uk
- Vertical Centering in CSS jakpsatweb.cz
- LukeW: Web Application Form Design lukew.com
Very, very useful. "Not all Web applications use forms consistently. Variations in the alignment of input fields, their respective labels, calls to action, and their surrounding visual elements can support or impair different aspects of user behavior."
- Multi Column Stretch - CSS-P Layout tanfa.co.uk
- Faux Columns: A List Apart alistapart.com
How do you get the right column’s background color to extend all the way down the page?