The #Semantic #Grid System
►http://semantic.gs
Set #column and #gutter widths, choose the number of columns, and switch between pixels and percentages.
All without any ugly .grid_x classes in your markup. Oh, and did we mention it’s #responsive?
The #Semantic #Grid System
►http://semantic.gs
Set #column and #gutter widths, choose the number of columns, and switch between pixels and percentages.
All without any ugly .grid_x classes in your markup. Oh, and did we mention it’s #responsive?
Un article ►http://www.markboulton.co.uk/journal/comments/rethinking-css-grids de #Mark-Boulton sur l’utilisation des #CSS #Grid-Layout ►http://dev.w3.org/csswg/css3-grid-align pour concevoir une #grille de #mise-en-page.
Voir aussi l’article ►http://www.netmagazine.com/features/future-css-layouts de #Peter-Gasston qui a inspiré #Mark-Boulton :
La #mise-en-page (#layout) sera le prochain challenge pour #CSS3. Jusqu’à présent, on se débrouille comme on peut avec les flottants, le positionnement relatif et les marges négatives, mais il est encore très difficile d’aller au delà de la #mise-en-page en deux ou trois colonnes.
Le #W3C et les éditeurs de navigateurs sont conscients de ce problème et travaillent sur des solutions. Le chef de file (vous allez être surpris) est l’équipe d’#Internet-Explorer. #IE10 ►http://ie.microsoft.com/testdrive/Default.html annonce une nouvelle ère pour la #mise-en-page en #CSS, rendant possible la création de sites web riches, dynamiques et accrocheurs.
Rethinking #CSS #Grids| Mark Boulton
►http://www.markboulton.co.uk/journal/comments/rethinking-css-grids
Off the back of this article in Net Magazine last week, and the subsequent few tweets popping up in my stream, I’ve finally managed (in no small part from the help of Nathan and Alex) to pull together some of my thoughts and concerns regarding CSS grids and how they could (or, maybe, should) be created.
Macro-#typographie sur le Web – Une #grille dynamique - Typographisme
►http://typographisme.net/post/Macro-typographie-sur-le-Web-–-Less-is-more
Après avoir passé en revue outils et techniques pour travailler correctement avec des grilles de mise en page verticales et horizontales, il est temps de s’affranchir des défauts inhérents à la bibliothèque précédemment choisie (Blueprint) ; mais aussi y apporter une plus grande… Soup–Less–e !
Voyons ensemble les avantages à compiler les feuilles de style ! (Et c’est promis, plus de jeu de mots.)
#Grille verticale // Method & Craft | Extensible Baseline Grids
►http://methodandcraft.com/videos/extensible-baseline-grids
In addition to the Y-axis grid we all know and love, a baseline-style grid can be a valuable X-axis alignment tool during design compositing. In this discussion, I dive into a method to create an extensible baseline grid within a Photoshop-based web design workflow.
Faire des grilles avec les guides de photoshop | New Media Designer
►http://www.cameronmcefee.com/guideguide
Programmer Competency Matrix | IndianGeek
►http://www.indiangeek.net/programmer-competency-matrix
“inserts a layout grid in web pages”
#grille #blueprint #dev #web #css #clevermarks #javascript
Grid Accordion with jQuery | CSS-Tricks
►http://css-tricks.com/grid-accordion-with-jquery
#jquery #accordéon #css #grille #horizontal #vertical #javascript #dev #ergonomie #web #clevermarks
Type Tips—short, quick tips on all things web typography from Harry Roberts of CSS Wizardry
►http://csswizardry.com/type-tips
#typographie #web #design #rédaction #ponctuation #grille #clevermarks
Type Tips—short, quick tips on all things web typography from Harry Roberts of CSS Wizardry
►http://csswizardry.com/type-tips
#typographie #web #design #rédaction #ponctuation #grille #clevermarks
Boks - A Visual Grid Editor - TOKI WOKI.
►http://toki-woki.net/p/Boks
“Boks is an AIR application that provides a User Interface for Blueprint CSS’s framework. It’s been designed for those who think the Grid System is good but never really took the time to give it love.”
#css #air #design #blueprint #grid #logiciel #mac #windows #linux #grille #conception #web #dev #framework #outil #clevermarks
Fluid 960 Grid System | 12-column Grid
►http://www.designinfluences.com/fluid960gs/12/fluid/none
The Fluid 960 Grid System templates have been built upon the work of Nathan Smith and his 960 Grid System
#grille #dev #css #présentation #960 #fluid #élastique #design #web #clevermarks #gp:inspiration