Equal height boxes with CSS | 456 Berea Street
may 2011 by ohskylab
7 years old and we still can't do this.
web
design
css
layout
from delicious
may 2011 by ohskylab
Isotope
february 2011 by ohskylab
"An exquisite jQuery plugin for magical layouts". Always a risk that I'll need something like this.
jquery
javascript
layout
design
web
from delicious
february 2011 by ohskylab
Adactio: Journal—A responsive mind
september 2010 by ohskylab
"The choice is not between using media queries and creating a dedicated mobile site; the choice is between using media queries and doing nothing at all."
css
css3
design
web
mobile
mediaqueries
layout
jeremykeith
september 2010 by ohskylab
New CSS Sticky Footer - 2009
july 2009 by ohskylab
"Working in all major browsers, including Google Chrome!. It works with floated 2-column layouts and we don't get overlap in resized browser windows unlike older solutions you find when you Google sticky footer. And you don't need an empty push div."
web
css
footers
layout
via:smitchio
july 2009 by ohskylab
Utilizing the Cut-off Look to Encourage Users To Scroll » UIE Brain Sparks
march 2009 by ohskylab
"When all the sections end evenly on the page, users subconsciously decide there isn’t anything else to look for and don’t try to scroll. Of course, if they don’t scroll, they miss important content, such as the list of products."
fold
web
design
ux
layout
scrolling
march 2009 by ohskylab
Pixel Perfect
september 2008 by ohskylab
"A Firefox/Firebug extension that allows web developers and designers to easily overlay a web composition over top of the developed HTML. By toggling the composition on and off, the developer can visually see how many pixels they are off in development."
web
tools
firefox
plugins
firebug
grids
layout
extensions
september 2008 by ohskylab
SitePoint Blogs » Table-Based Layout Is The Next Big Thing
march 2008 by ohskylab
"IE8 will be the last of the major browsers to add support for CSS tables, which will enable designers to use table-based layout techniques without misusing HTML table markup."
css
web
tables
sitepoint
css3
layout
march 2008 by ohskylab
Float-less CSS layout
march 2008 by ohskylab
"A CSS layout that does not use DIV, FLOAT, CLEAR nor structural HACK!" It uses OLs. This is probably a horrible thing to do in terms of accessibility and semantics. Avoid.
accessibility
web
float
layout
march 2008 by ohskylab
Bits & Pixels – Blog Archive – Cross-browser transparent columns
march 2008 by ohskylab
"How do we create transparent columns that can work in all browsers? What if we could use the opacity property but still have the content opaque?"
css
transparency
layout
png
web
opacity
march 2008 by ohskylab
SimpleBits ~ Gridlasticness
february 2008 by ohskylab
"A few notes when trying to create a grid layout using ems"
css
design
web
em
layout
february 2008 by ohskylab
Screen Resolution and Page Layout (Jakob Nielsen's Alertbox)
january 2008 by ohskylab
"Optimize Web pages for 1024x768, but use a liquid layout that stretches well for any resolution, from 800x600 to 1280x1024."
usability
web
resolution
design
layout
liquid
jakobnielsen
useit
january 2008 by ohskylab
The Rissington Podcast | Like Gardeners Question Time, but for geeks
december 2007 by ohskylab
"John Oxton and Jon Hicks, broadcasting from their ex-RAF base office in Upper Rissington. Think of it as a web-geek version of Gardeners Question Time!"
liquid
podcast
design
web
layout
december 2007 by ohskylab
Blueprint. A CSS Framework. : Journal : Mark Boulton
august 2007 by ohskylab
Another Blueprint discussion
css
framework
layout
blueprint
web
august 2007 by ohskylab
How to prevent HTML tables from becoming too wide | 456 Berea Street
april 2007 by ohskylab
"The layout model of tables differ from that of block level elements in that they will normally expand beyond their specified width to make their contents fit."
css
html
tables
layout
web
april 2007 by ohskylab
How to clear CSS floats without extra markup - different techniques explained - Robert’s talk
april 2007 by ohskylab
"Different ways to clear floats without any extra mark-up." Good reminder.
css
float
layout
markup
web
april 2007 by ohskylab
Actual Browser Sizes (final) - Baekdal.com
april 2007 by ohskylab
"In order to support 95% of your visitors, you need to design for a maximum size of 776x424px."
design
layout
size
web
fold
stats
scrolling
april 2007 by ohskylab
Liquid Flash Layout
april 2007 by ohskylab
"This tutorial is an explanation of the techniques involved in creating a fluid flash movies that adapt to browser resolution."
flash
tutorials
layout
web
april 2007 by ohskylab
Subtraction: Oh Yeeaahh!
march 2007 by ohskylab
"Creating some kind of definitive documentation about my approach to designing for the Web with the typographic grid as my primary layout tool."
design
web
grids
layout
march 2007 by ohskylab
A List Apart: Articles: Whitespace
january 2007 by ohskylab
"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."
design
whitespace
typography
layout
css
alistapart
january 2007 by ohskylab
Adactio: Journal - New Year’s Resolution
january 2007 by ohskylab
"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
layout
liquid
css
usability
screen
web
january 2007 by ohskylab
Easy Clearing: Even Bloody Easier Clearing
january 2007 by ohskylab
"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."
web
css
development
layout
january 2007 by ohskylab
CSS-Based Tables: Modern Solutions | Smashing Magazine
december 2006 by ohskylab
"Over 30 modern css-based techniques in a brief overview."
css
tables
web
layout
december 2006 by ohskylab
A List Apart: Articles: Switchy McLayout: An Adaptive Layout Technique
december 2006 by ohskylab
"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
javascript
layout
web
usability
mobile
liquid
alistapart
december 2006 by ohskylab
Equal Height Columns using CSS - Edward Eliot
october 2006 by ohskylab
alternative to faux columns
web
css
layouts
layout
columns
october 2006 by ohskylab
CSS Frames v2, full-height | 456 Berea Street
september 2006 by ohskylab
"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."
css
layout
frames
web
september 2006 by ohskylab
A List Apart: Articles: Elastic Design
august 2006 by ohskylab
"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
web
elastic
layout
liquid
august 2006 by ohskylab
css Zen Garden: The Beauty in CSS Design
august 2006 by ohskylab
Elastic css zen garden example.
css
design
elastic
layout
web
liquid
august 2006 by ohskylab
A List Apart: Articles: In Search of the Holy Grail
january 2006 by ohskylab
"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. "
css
design
layout
web
columns
january 2006 by ohskylab
Juicy Studio: Div Mania
june 2005 by ohskylab
"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."
css
design
web
xhtml
layout
markup
optimization
selectors
semantics
june 2005 by ohskylab
related tags
accessibility ⊕ alistapart ⊕ blueprint ⊕ center ⊕ columns ⊕ css ⊕ css3 ⊕ design ⊕ development ⊕ digitalweb ⊕ dom ⊕ elastic ⊕ em ⊕ extensions ⊕ fieldset ⊕ firebug ⊕ firefox ⊕ flash ⊕ flexbox ⊕ float ⊕ fold ⊕ footer ⊕ footers ⊕ forms ⊕ frames ⊕ framework ⊕ free ⊕ generator ⊕ grids ⊕ guide ⊕ hacks ⊕ html ⊕ html5 ⊕ ia ⊕ interaction ⊕ interface ⊕ jakobnielsen ⊕ javascript ⊕ jeremykeith ⊕ jquery ⊕ layout ⊖ layouts ⊕ legend ⊕ liquid ⊕ markup ⊕ mediaqueries ⊕ menus ⊕ mobile ⊕ navigation ⊕ opacity ⊕ optimization ⊕ patterns ⊕ php ⊕ plugins ⊕ png ⊕ podcast ⊕ positioning ⊕ reference ⊕ resolution ⊕ responsive ⊕ screen ⊕ scrolling ⊕ selectors ⊕ semantics ⊕ sitepoint ⊕ size ⊕ standards ⊕ stats ⊕ step ⊕ tables ⊕ templates ⊕ templating ⊕ tools ⊕ transparency ⊕ tutorials ⊕ typography ⊕ ui ⊕ usability ⊕ useit ⊕ ux ⊕ vertical ⊕ via:smitchio ⊕ via:thegingerbloke ⊕ web ⊕ whitespace ⊕ xhtml ⊕ yahoo ⊕Copy this bookmark: