gordonbrander + grid 23
Responsive viewport units - destroy/dstorey
6 weeks ago by gordonbrander
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
6 weeks ago by gordonbrander
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
january 2012 by gordonbrander
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
september 2011 by gordonbrander
Note the trick for creating quick baseline/vertical grids in Photoshop.
css
design
grid
bdw2011
september 2011 by gordonbrander
Less Framework 4
june 2011 by gordonbrander
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
april 2011 by gordonbrander
Create background images for grid alignment via a simple URL API.
css
design
grid
web
april 2011 by gordonbrander
#grid
march 2011 by gordonbrander
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
september 2010 by gordonbrander
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
february 2010 by gordonbrander
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
december 2009 by gordonbrander
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
june 2009 by gordonbrander
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
Grid System Generator
june 2009 by gordonbrander
A classy grid calculator
grid
design
web
css
layout
framework
development
swiss
tool
june 2009 by gordonbrander
CRW / Corporate Risk Watch
april 2009 by gordonbrander
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
april 2009 by gordonbrander
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
december 2008 by gordonbrander
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
december 2008 by gordonbrander
Compiling resources for grid-based design. Nice Brockmann-esque site, too.
grid
web
design
inspiration
layout
typography
learn
december 2008 by gordonbrander
Designing With Grid-Based Approach
november 2008 by gordonbrander
Lots-o-links from Smashing mag.
grid
design
web
layout
css
november 2008 by gordonbrander
spacecollective.org recent
october 2008 by gordonbrander
Creative grid-based post layout, with Ajax loading. Fun.
web
design
grid
ajax
UI
blog
inspiration
october 2008 by gordonbrander
Faux Absolute Positioning
june 2008 by gordonbrander
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
september 2007 by gordonbrander
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)
september 2007 by gordonbrander
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: