background preloader

Fluid Baseline Grid - A sensible HTML5 and CSS3 development kit

Fluid Baseline Grid - A sensible HTML5 and CSS3 development kit

Columnal | A responsive CSS grid system helping desktop and mobile browsers play nicely together. The Square Grid - A simple CSS framework for designers and developers Responsive Web Design fun and experimentation | Handcrafted Pixels | Pixel Creation Golden Grid System GGS was my next step after Less Framework. Instead of a fixed-width grid, it used a fully fluid-width one, without even a maximum width. The resources it was published with are still available on GitHub. The idea was to take a 18-column grid, use the outermost columns as margins, and use the remaining 16 to lay elements out. While the grid's columns were fluid — proportional to the screen's width — the gutters (spaces between the columns) were proportional to the font-size being used. GGS also contained a set of typographic presets, strictly to a baseline grid. Correctly setting all of these measurements is difficult, of course. When published, GGS gained a lot of attention, as the web design community was searching ways to work with fluid-width grids, which have always been troublesome, running counter to many graphic design principles. Many people trying to use GGS were also confused by the lack of predefined code for working with the grid.

Graphic Design | The Grid System The Grid System The ultimate resourcein grid systems. “ The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice. ”Josef Müller-Brockmann Powered by Fusion About A Practical Guide to Designing for the Web Books October 8, 2009 A Prac­ti­cal Guide to Design­ing for the Web aims to teach you tech­niques for design­ing your web­site using the prin­ci­ples of graphic design. Tags: book, graphic design, grid system, principles, website Grid Calculator 1.3 Tools August 27, 2009 A new ver­sion of the excel­lent Grid Cal­cu­la­tor has been released for the Mac. Tags: calculator, graphic design, grid system, print, Tools, web DixonBaxi Blog July 22, 2009 UK based cre­ative agency, Dixon­Baxi, has just launched a new site designed on a beau­ti­ful grid. Tags: css, graphic design, grid system, website Auer Almost Modern February 26, 2009

Control 4 - Postmammal 978 Grid System for Web Design Cargo www.ramaknight.com Mel Nguyen Johannes Romppanen Lara Alegre Atelier Dyakova Edrea Lita | Graphic Designer maumorgo alconic — Andrea Manzati Andy Rementer alex le guillou | live | realtime | motion graphics Peter Hapak Rami Niemi Nick Rochowski Photography Stefan Glerum bangsanghyeok Marius Roosendaal Jaemin Lee James Moes Ramon Spaeti Dani Padgett hrvojehirsl.com leegunjung Gabriella Rouiller www.maaikeroozenburg.nl andrew.lu Robert Beatty Yoshi Sodeoka | 袖岡由英 Illustrations by Amy Martino Always With Honor andy gilmore The Collaborationist Studio L'Étiquette andoni beristain Kobi Benezri Studio Brynn Heminway cecyyoung Sophie Tajan Erik Olson Joan Tarrago Gudrun Åsling lilidesbellons Winston Chmielinski | HOW TO LET GO Andreas Neophytou Creative Director www.hansje.net Rob Clarke Type Design & Lettering Synaptic Stimuli

Related: