gordonbrander + layout   18

Daniele Capo » Blog Archive » Villard diagram
Villard diagram: dividing a segment in n parts in a medieval, yet late-modern, fashion.
grid  layout  design  typography  math 
january 2012 by gordonbrander
CSS3 Flexbox vs A Princess Bride
Inconceivable! A concise overview of Flexbox and current browser support.
design  css  css3  development  layout 
january 2011 by gordonbrander
jQuery Masonry
Gapless vertical stacking of boxes through jQuery. The only thing you have to specify is width. Think spacecollective gallery.
grid  design  web  css  javascript  jquery  plugin  ui  layout  swiss 
june 2009 by gordonbrander
Black Estate Vineyard – Omihi Waipara. New Zealand Wine
Intricate and minimal grid-based design. Very evocative of Muller Brockmann. A clever play with layering elements (foreground and background playfully intertwine) causes the page to pop, keeping it from looking flat.
design  web  swiss  css  grid  minimalism  layout  typography  inspiration 
april 2009 by gordonbrander
gridr buildrrr
A slick, configurable grid generator with standard ad widths to drag in and design around.
grid  design  web  resource  tool  development  layout 
december 2008 by gordonbrander
The Grid System
Compiling resources for grid-based design. Nice Brockmann-esque site, too.
grid  web  design  inspiration  layout  typography  learn 
december 2008 by gordonbrander
The Man in Blue: Resolution dependent layout update
A handy script that will fire when a user's screen width is above 1024, allowing you to cleverly use the extra space via CSS.
css  web  design  javascript  layout  development 
november 2008 by gordonbrander
Faux Absolute Positioning
Alistapart debuts a new positioning technique that shines with grid-based layout (even in liquid %-based layouts). The ease of absolute positioning paired with the flexibility of in-flow elements.
grid  web  design  development  css  layout 
june 2008 by gordonbrander
Grid Calculator
Sick of running numbers for CSS grid layouts? Me too. This does it for you. Plug in what you want, it does the math.
design  grid  layout  development  tool 
september 2007 by gordonbrander
Grid Layout (ctrl + shift + g)
A nice little javascript to help you develop on a grid.
javascript  grid  design  css  layout  web  tool  development 
september 2007 by gordonbrander

Copy this bookmark:



description:


tags: