Typograph – Scale & Rhythm
►http://lamb.cc/typograph
Tester la #grille typographique suivant la taille de texte et la hauteur de ligne qu’on choisi, puis récupérer le code CSS correspondant.
Typograph – Scale & Rhythm
►http://lamb.cc/typograph
Tester la #grille typographique suivant la taille de texte et la hauteur de ligne qu’on choisi, puis récupérer le code CSS correspondant.
ça m’a été remis en tête par @tetue
This page falls somewhere between a tool and an essay. It sets out to explore how the intertwined typographic concepts of scale and rhythm can be encouraged to shake a leg on web pages. Drag the colored boxes along the scale to throw these words anew.
#typographie #design #web #grille
Amazium - The responsive web framework..!
►http://www.amazium.co.uk/#forms-tables
@Booz encore un truc de responsive webdesign basé sur 960grid (vu que ce terme semble à la mode...)
ah oui super, ca peut intéresser @baroug même si lui c pas la grid 12 mais la 16 qu’il utilise.
Gridlover
►http://www.gridlover.net
Gridlover is the tool to establish a type system with modular scale and vertical rhythm to build upon.
Youhou ça fonctionne ! Voici donc mon premier seen importé automatiquement depuis #delicious à l’aide du plugin #spip #delicious2seenthis.
Le plugin est disponible ici sur la zone :
►http://zone.spip.org/trac/spip-zone/changeset/53961
Il nécessite une version svn de SPIP 2.1.11 et le plugin seenthis pour fonctionner.
Tu veux pas faire un billet Seenthis (qui ne serait pas la réponse à autre chose), que je pourrais directement mettre en favori, et linker depuis la documentation ?
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