background preloader

RESPONSIVE

Facebook Twitter

Wentworth Mansion | 5-Star Charleston Luxury Hotel & Inn. Responsive Museum Week. Gridpak - The Responsive grid generator. 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.

On smaller screens the 16 columns could be folded into 8, 4 and 2. 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.

Later on I developed Frameless, the last entry in my early CSS grid system saga. Forefathers Group | The New Design Frontier. United Pixelworkers — Welcome. Bryan Connor. Webdagene 2013. Andersson-Wise Architects | An Austin, Texas based Architecture & Design Studio. Simon Collison | Colly | The Celebrated Miscellany. Jeremiah Shoaf — Interactive Art Director / Visual Designer. 10 petits conseils pour le Responsive Web Design ! Aujourd’hui, rendre son site internet utilisable à tous ses utilisateurs ressemble parfois à un challenge !

En effet, on trouve tout type d’utilisateurs qui navigueront : sur Chromesur FirefoxSur Internet Explorersur Safarietc.Mais aussi :sur iPhonesur iPhone 5 (pas la même taille)sur Androidsur BlackBerrysur Windows Phoneetc.Mais aussi :sur iPadsur Galaxy tabsur Galaxy Notesur iPad Minisur les tablettes Archossur Kindle FireMais aussi :sur la télévisionsur le frigo connectésur l’Amstrad CPC de mamie zinzin.. 😀 De nombreux outils, de nombreux supports et des tailles qui ne cessent de changer ! Aujourd’hui, ce sont dix conseils pour le Responsive Web Design que l’agence Splio nous propose : source | source.

Design Portfolio of Zach Bush. Media Queries.