gordonbrander + grid   23

Responsive viewport units - destroy/dstorey
vw vh are units that are essentially the same as percentages, but are always in relation to the viewport. Think rem.
responsivedesign  css  grid  design  development  web 
6 weeks ago by gordonbrander
lesjames/Breakpoint
An interesting Sass-based bunch of mixins for responsive grids. Looks promising.
responsivedesign  grid  design  web  development  css  opensource 
6 weeks ago by gordonbrander
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
Design & Build a Grid Based Web Design with CSS
Note the trick for creating quick baseline/vertical grids in Photoshop.
css  design  grid  bdw2011 
september 2011 by gordonbrander
Less Framework 4
The Less repsonsive layout framework is getting mature.
css  mobile  design  web  development  css  opensource  framework  grid  responsivedesign  mediaquery 
june 2011 by gordonbrander
Griddle.it - Web page alignment made easy
Create background images for grid alignment via a simple URL API.
css  design  grid  web 
april 2011 by gordonbrander
#grid
A javascript tool that allows you to configure and show a baseline grid on a webpage by holding "G". Handy.
css  development  design  grid  javascript  opensource  jquery 
march 2011 by gordonbrander
Gridulator: Make pixel grids, lickety-split
You set width/column combos and it shows gutter width options that DO divide evenly. Much better than fishing around for a working combo with a calculator.
css  design  grid  web 
september 2010 by gordonbrander
A new global visual language for the BBC's digital services
The BBC walks through the process of re-designing their website's visual system. This is a perfect example of how designing for the web is about creating flexible systems.
design  grid  typography  inspiration  learn  process 
february 2010 by gordonbrander
Subtraction.com: Really Basic Maths
Khoi Vinh gives a visual overview of the steps he went through to design his Basic Maths WordPress theme.
design  wordpress  theme  grid  swiss  inspiration 
december 2009 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
CRW / Corporate Risk Watch
Crazy simple and gorgeous grid-based design.
design  web  grid  inspiration  typography  swiss 
april 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
spacecollective.org recent
Creative grid-based post layout, with Ajax loading. Fun.
web  design  grid  ajax  UI  blog  inspiration 
october 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: