53 frameworks CSS — Mettez une grille dans votre design

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

53 frameworks CSS — Mettez une grille dans votre design

Il existe de nombreuses raisons pour ne pas utiliser de frameworks CSS lors de la phase de conception ou d’intégration de votre site web : le poids, l’intrusion des classes CSS dans le code HTML qui devient la règle pour placer le moindre bloc de contenu, le fait que de nombreuses règles ne sont pas utilisées, etc. Ceci dit, j’aime bien tester les frameworks CSS qui tombent à portée de souris, et je n’hésite pas à faire des expériences d’hybridation. Le potentiel didactique de ces projets est très intéressant. Ne vous en privez pas

Liste mise à jour le 24/06/2013

New! Pure CSS
Alternative à Bootstrap proposé par Yahoo! qui met l’accent sur le côté responsive en prenant le non-reset CSS Normalize comme base.
Pas de gestion de typographie autre que Normalize.
Pas de box-sizing: border-box par défaut pour rester compatible avec IE7.
Un système de grille verbeux, mais performant.
Propose un ensemble complet de modules (grids, forms, buttons, tables, menus).
Documentation complète.
34grid
34Grid est un système de grille Responsive basé sur une distribution de colonnes égales pour chaque ligne.
Permet également de faire des colonnes inégales.
Ajout de vidéo responsive grâce à la classe .video-holder.
Merci à @sofasurfer pour le lien.
CSSHórus
CSSHórus un framework CSS conçu pour faciliter et accélérer le dévelooppement de sites web responsives et mobile.
Il contient une grille en 16 colonnees et des styles pour démarrer : resets CSS, bases, typographie, listes, liens, tableaux, formulaires, boutons).
Cross-Browser (Safari, Opera, Chrome, Firefox and IE7, IE8, IE9).
Cross-Platform (iPhone, iPad, Android, BlackBerry, Nokia, Windows Phone).
Merci à P. Mergey @GizMecano pour m’avoir suggérer ce lien et les trois suivants.
Kube
Framework minimaliste mais qui fait le maximum : adaptif et « responsive », Grille modulable et typographie soignée. Contient des styles pour la typographie, les grilles de mise en pages, les formulaires, les tableaux, les boutons et autres « gadgets ».
Cross-browser (Latest Chrome, Latest Firefox, Latest Safari, Latest Opera, IE 8+).
susy
Susy est sympa : elle ne va pas designer votre site, ni vous dicter votre marquage HTML. Elle fait juste le nécessaire pour vous permettre de vous exprimer.
Basé sur le travail de Natalie Downe Writing maintenable CSS.
Neat
Neat est un framework CSS fluide et flexible basé sur Bourbon (bibliothèque de mixins pour Sass).
KNACSS
KNACSS est une feuille de style à mi-chemin entre le framework CSS et la redéfinition des styles CSS proposé par Raphaël Goetter et l’agence Alsacréations.
KNACSS va de l’avant avec un retour au mode de calcul «quirks» activé via la propriété CSS3 box-sizing: border-box appliquée à l’ensemble des élément du document.
Cerise sur la saucisse, KNACSS offre non pas une mais deux méthodes pour la création des modules : avec la propriété float ou display:table.
Foldy960
Foldy960 n’est pas un énième framework CSS : il s’agit simplement de quelques classes pour donner à 960.gs un aspect Responsive.
940.CSS Version Fluide
Cette version fluide de 940.CSS utilise des valeurs exprimées en pourcentage à la place des pixels. Les valeurs permettent d’utiliser la grille de 940.css «version fixe» lorsque le .container est réglé sur 940px. Ceci permet de caler les blocs sur la grille fixe placée en background et de remettre une valeur en pourcentage sur le container lorsque la mise en page est terminée.
24 colonnes
Largeur fluide ou fixe en « fixant » la largeur du container principal
Ingrid
Ingrid est un système de grille fluide dont l’objectif est de réduire l’utilisation des classes sur les éléments individuels de manière à être moins intrusif et rendre les maquette « responsive » plus facile à faire. Ingrid est conçue pour être facilement personnalisable.
Largeur fluide
99lime HTML KickStart
Dans la lignée de Bootstrap, 99Lime est un framework complet avec un jeu de composant impressionnant : typographie, tooltips, boutons, navigation par onglets (tabs), fil d’Ariane, système de grille, images, Slideshow (Carousel), Media, etc.
12 colonnes,
Largeur fluide
CSS Normalize
Plutôt qu’un framework, CSS Normalize est à considérer comme une base de départ pour vos projets. Il inclut : un reset CSS inspiré de celui de HTML Boilerplate ; une feuille de style par défaut, stylisant les balises HTML les plus utilisées ; une feuille d’objets CSS utilisés fréquemment et des modules fonctionnant indépendamment.
CSS Normalize est disponible sur Github.
Micro CSS Grid Framework
Dans la lignée du 1kb CSS Grid Framework, @Darklg a décidé de monter un micro Framework afin de gérer des blocs flottants, de largeur fixe ou relative, pour faire une mise en page avec une grille CSS.
940.CSS Version Fixe
940.css est la fusion des frameworks 960 Grid System, Blueprint CSS et The Simpler Grid dont elle reprend les meilleures idées. Elle est composée de 24 colonnes de 20 pixels chacune séparées par une gouttière de 20 pixels en adaptant légèrement la technique évoquée dans l’article Calculer une grille de mise en page « typo » avec le nombre d’Or. Soit un interlignage de 20 pixels pour une taille de caractère de 13 pixel en utilisant : font-size: 13px; line-height: 1.539. Plus d’information dans l’article Frameworks CSS — Fusion entre « Blueprint », « 960 Grid System » et « The Simpler Grid ».
24 colonnes
Largeur fixe
Foundation
Ce framework HTML & CSS a été créé par l’agence web Zurb pour la conception des maquettes fonctionnelles (wireframes, mockups) quelque soit le type de périphériques. Il est composé d’une grille de mise en page, de la gestion des boutons et des formulaires.
12 colonnes
Largeur fixe et fluide
Bootstrap, from Twitter
Bootstrap est une boite à outils issue de Twitter conçue pour donner un coup d’accélérateur à la création de vos sites ou applications web. Il inclut : une base CSS et HTML pour la typographie, les formulaires, les boutons, les tableaux, les grilles, la navigation, etc. Voir aussi le combo Boostrap + HTML5 Boilerlate.
12 colonnes
Largeur Fixe
inuit.css
   Ce framework CSS est un concentré des bonnes pratiques et des années d’expériences de Harry Roberts. Il tient compte : des périphériques mobiles (tablette PC, iPhone, Android, etc.), des nouvelles balises HTML5, de la typographie. Il contient le minimum pour une meilleure extensibilité et flexibilité. Il fait le deuil de IE6 et «last but not least» (si j’ose dire), inuit.css s’affranchit des classes .end, .last ou .first ! Suivez @inuitcss ;)
Générateur de grille avec choix du nombre de colonne
Largeur fixe ou fluide, au choix
1 140 CSSGrid
Cette grille en 12 colonnes possède une largeur de 1 140 pixels de large parfaite pour les résolutions supérieures ou égales à 1 280 pixels de large. Sur les écrans plus petits, le design devient fluide grâce aux Media Queries. Un Template Photoshop basé sur une grille en 12 colonnes pour 1 140xp de large est disponible.
12 colonnes
Fluide via les media-queries
Tiny Fluid Grid
Ce générateur de grille fluide ne vous demandera pas de sortir votre calculatrice : choisissez entre 12, 16 ou 24 colonnes, le pourcentage pour l’espace entre les colonnes (gouttière) et les largeurs mini et maxi de votre page. Le système de grille est basé sur 960.gs.
12, 16 ou 24 colonnes
Largeur fluide
Flurid
Flurid est un système de grille de mise en pages fluide qui fonctionne avec Internet Explorer versions 6 et 7. Une mise en page fluide garantie l’utilisation optimale de l’espace, quelle que soit la résolution de l’utilisateur.
Largeur fluide
CSS:resetr
Essayez le reset CSS de votre choix parmi la quinzaine de de reset disponibles et observez les résultats sur différents types de contenus.
Gridinator
Outil en ligne pour calculer votre grille de mise en pages et obtenir les fichiers CSS & HTML ainsi que l’image de la grille pour vous aider à caler votre mise en page.
Two Lines CSS Framework
Système de grille qui tient en deux lignes avec l’utilisation de display:table et display:table-cell. Voir aussi du même auteur : CSS Mobile Reset — Reset CSS léger adapté aux périphériques mobiles : remise à zéro du minimum de balises HTML et proposition de nouvelles valeurs pour le minimum d’éléments HTML. Très pratique aussi pour les autres périphériques.
The Simpler CSS Grid
Cette grille de mise en page a la particularité de bénéficier de l’expérience des auteurs des autres systèmes de grilles comme Blueprint ou 960.gs : elle brille par sa simplicité et son intelligence. Voir The Simpler 978px Grid et The Simpler 940px Grid.
Toucan CSS Reset
Il ne s’agit pas d’un framework à proprement parler, mais ce reset CSS ne se contente pas de faire table rase des styles par défaut des balises HTML. Toucan CSS Reset redéfinit les balises avec des règles CSS pour la typographie, les niveaux de titre, les paragraphes, les listes, les formulaires, les tableaux, etc. Très léger, Toucan CSS Reset est très flexible et s’adaptera sans peine à votre fichier grid.css préféré !
The Square Grid
   Ce framework est base sur une grille de 35 colonnes égales que l’on peut regrouper pour obtenir des maquettes aux formats suivants : 18 colonnes de 28px, 12 colonnes de 56px, 9 colonnes de 84px, 6 colonnes de 140px, 4 colonnes de 224px, 3 colonnes de 308px et 2 colonnes de 476px toutes séparées par une gouttière de 28px pour une largeur totale de 994px.
35 colonnes
Largeur fixe
52Framework
Ce framework est résoluement tourné vers l’avenir en utilisant HTML5 avec header, nav, section, article, footer et CSS3 avec le sélecteur ::selection, les coins arrondis, les ombres portées pour le texte ou les blocs. La grille est composée de 16 colonnes de 52 pixels chacune séparées par une gouttière de 8 pixels. Les fichiers CSS de 52Framework vont à l’essentiel et si je préfère le système de grille de Blueprint, ça vaut le coup de de s’inspirer de reset.css (avec les nouvelles balises HTML5) et de general.css pour avoir des éléments de formulaires avec des coins arrondis et des ombres portées.
16 colonnes
Largeur fixe
Element CSS Framework
Ce framework propose un environement global pour créer un site web avec un ensemble de dossiers prêts à être remplis : /clientFiles, /concepts, /copy, /js,  etc. et d’autres contenant les éléments de base du framework comme /css (qui contient les fichiers du framework proprement dit) et /elementsImages qui contient les icônes qui accompagnent externalLinks.css. Ces deux derniers éléments faisant tout le charme de ce framework en fournissant des classes CSS et des icônes pour représenter les liens externes.
Baseline CSS
Aligner des lignes comportant des textes de tailless différentes n’est pas toujours facile et c’est l’objectif de ce framework moderne (oui, ça veut dire qu’il y a un soupçon de HTML5et de CSS3 dedans). Notez que la compatibilité avec IE6 n’est pas garantie. Au menu : un reset CSS avec certaines des nouvelles balises HTML5 (mais curieusement avec des balises HTML dépréciées également), un système de grille, des styles de formulaires et un peu de  typographie pour terminer.
960.gs
Ce système de grille est conçu pour fluidifier votre chaine de production avec des dimensions communément utilisées à partir d’une largeur de 960 pixels. Existe en deux parfums : 12, 16 ou 24 colonnes. Des classes comme push_XX ou pull_XX permettent de réarranger les blocs indépendamment de leur ordre d’apparition dans le code HTML. Un générateur de grille personnalisée permet de spécifier la largeur et le nombre des colonnes et la taille de la gouttière. Il existe même un générateur de blocs permettant de définir votre mise en page.
12, 16 ou 24 colonnes
Largeur fixe
tripoli
Redéfinit une feuille de style par défaut pour les balises HTML de manière à assurer un rendu identique sur les navigateurs présents sur le marché. Propose de nombreux fichiers additionnels comme layout.css pour la grille ou negative.css pour inverses les contrastes, etc.
yaml
Yet Another Multicolumn Layout est un framework (x)html/css pour la création de maquettes robustes et flexibles centré sur la légèreté et l’accessibilité. Propose un générateur WYSIWYG YAML Builder pour construire votre mise en page.
bluetrip
Le meilleur de Blueprint et de Tripoli avec un zeste de Hartija pour la feuille de style à l’impression, la simplicité de 960 Grid System. Le fichier screen.css regroupe le reset CSS d’Eric Meyer, le système de grille, la gestion des liens externes (icône selon l’extension ou la destination) et de l’inversion des contraste, plus des styles pratiques pour la gestion des textes.
typogridphy
Basé sur 960 Grid System, ce framework permet de créer des grilles flexibles d’une grande beauté typographique.
yui grids
Offre un jeu prédéfinit de largeur de page comprenant six templates avec la possibilité de subdiviser les blocs. Au total c’est plus de 1 000 combinaisons de maquettes pour seulement 4kb.
elasticss
Basé sur des techniques de colonnage traditionnel en 4 colonnes, ce framework permet de multiples combinaisons et subdivisions. Il se distingue des autres par sa capacité à produire facilement des design fixes, liquides ou élastiques.
Nombre de colonne au choix,
Largeur fixe, fluide ou élastique
sencss
Un frameword zen qui ne vous obligera pas à adopter un système de grille particulier mais qui fournit plutôt un ensemble de styles pour les parties les plus répétitives de votre travail sans trop s’éloigner du style par défaut des navigateurs. Grille verticale en 18 pixels. Fournit des jeux de polices de caractères spécifiques pour Windows, Mac et Linux.
the golden grid
Ce système de grille est le fruit d’une recherche constante de la grille parfaite : rien de tel que le nombre d’Or pour se rapprocher des dieux !
css-boilerplate
Par l’un des créateurs de Blueprint qui a décidé de se remettre à l’ouvrage pour aboutir à un framework qui ne vous obligera plus à choisir entre sémantique et efficacité : c’est vous qui décidez d’utiliser float: left; width: 240px; margin-right: 110px ou class="column span-2 append-1" !
BIC
De bonnes idées en ce qui concerne le traitement de la typographie et de la couleur (typography.css et color.css). Cf. BIC, un framework orienté couleur et typographie.
bungee
Propose une grille de 12 colonnes dont la plus petite subdivision vaut 4em. Pour les nostalgiques des pixels, ça fait environ 64px. Avec un niveau de zoom par défaut, un site construit avec Bungee mesure 768px de large, et s’affiche donc parfaitement sur un écran de faible résolution.
12 colonnes
Largeur élastique
sparkl
Combine un marquage HTML CHIC (Code HTML Intrinsèquement Classe — POSH en anglais) et du javascript non-intrusif pour créer des sites web à l’épreuve des balles et conformes aux Standards. Ce framework CSS très modulaire vous permettra de vous concentrer sur vos besoins.
hartija
Regroupe les meilleures pratiques en matière de feuille de style destinées à l’impression.
The 1Kb CSS Grid
Une grille minimaliste qui tient en une quinzaine de déclarations CSS idéale pour les débutant qui veulent comprendre le principe général des frameworks et pour les intégrateurs aguerris qui verront là un moyen économique de donner un rythme horizontal à leur mise en page. Choix du nombre de colonnes, de la gouttière et de la largeur totale avant le téléchargement.
1 line CSS Grid Framework
Vous avez bien lu, il s’agit d’un framework qui tient en une seule déclaration .dp50 {width:50%; float:left; display: inline; *margin-right:-1px; } Etonnant, non ?
emastic
Très complète, cette bibliothèque CSS s’utilise aussi bien avec des em qu’avec des % et s’accommode de largeur fixes ou fluides pour un poids de 4Kb pour la version compressée. Nombreuses démonstrations disponibles pour voir ce qu’il est possible de faire.
malo
Petit frère de emastic, malo se distingue par sa légèreté au service d’une grille en pourcentage.
Largeur fluide
logicss
basé sur le principe d’un rendu homogène entre les navigateurs sans reset CSS. Travail sur la typographie avec des jeux de polices de caractères harmonieux, des possibilités de redimensionnements de texte et un rythme vertical. Trois systèmes de grilles très souples personnalisables à l’aide d’une boite à outils. Design élastique avec l’unité em, liquide via les pourcentages % ou fixe avec les px.
Largeur fixe, fluide ou élastique
MyCSS Grid System
Système de grille en 960px avec une utilisation du nombre d’or pour obtenir des proportions harmonieuses. Assez verbeux dans le nombre de classes pour placer des éléments.
Largeur fixe
A CSS Framework
Cet ensemble de fichiers CSS propose des maquettes prêtes à l’emploi en 1, 2 ou 3 colonnes avec un header, footer, sidebar et navigation horizontale ou verticale. Un fichier framework.html est disponible pour commencer.
1, 2 ou 3 colonnes
Frame
Frame: A CSS framework from the year 2050 se veut la nouvelle manière de mettre en page les contenus et de construire des interfaces web. Il combine les idées de 960.gs, de Blueprint et de nombreuses techniques pour obtenir le framework css le plus simple et le plus fluide de tous les temps !
Largeur fluide
Formee
Formee est un framework spécialisé dans la mise en forme des éléments de formulaires. Le système de grille pour l’alignement des labels et autres input est basé sur 960.gs. Ce mini-framework est composé de deux feuilles de style : form-style.css et form-structure.css qui parlent d’elles-mêmes.
Marker CSS
Marker CSS se distingue par une syntaxe prenant en compte un nombre important de propriétés. Peut-être trop à mon humble avis, mais tout les goûts sont dans la nature ! Par exemple «  signifie : A pour famille de police Arial ; s13 font-size 13 pixels ; c666 couleur présélectionnée ; et tc pour avoir le texte aligné au centre.

PS : Cette liste est une version réactualisée de celle que j’ai déjà publiée en juin 2009 à la fin de l’article Frameworks CSS, mettez vos grilles au pas ! Toute ressemblance avec des listes de frameworks CSS publiées ces derniers temps, bla bla bla…

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



38 commentaires pour “53 frameworks CSS — Mettez une grille dans votre design”

  1. Syndrael dit :

    Je regrette juste que BlueTrip pose quelques soucis avec les éléments de formulaires (décalage) ainsi qu’à l’impression (plantage navigateur). C’est un bon framework, il faudrait peut-être le versionner, proposer une version ‘fluid’ probante et faire vivre le forum. S.

    • gilles klein dit :

      J’en utilise une autre qui n’est pas listée ici. ez-css.

      Plus souple pour construire une page que la plupart des grilles et donc beaucoup plus facile d’utilisation et d’apprentissage.

      Tout en gardant les avantages (maquette respectée quelque soit le navigateur, imbriquation des colonnes) : http://ez-css.com

      La video mode d’emploi : http://www.ez-css.org/screencast

  2. Gizmal dit :

    Tiré de http://j.mp/bzxpwv ? en tout cas, merci pour la trad et l’avis perso sur le sujet !

  3. Jerome dit :

    Je crois que la on n’a plus que l’embaras du choix. Merci pour cette liste, ya de quoi faire ;)

  4. Bonjour,

    J’aimerai ton avis sur la gestion du rythme vertical dans le css design. Je suis en train de lire pas mal d’articles dessus et n’utilisant pas les Frameworks, j’aimerai savoir s’ils aident à installer ce rythme ?

    Suite à ton article, je vais très rapidement essayer BluePrint.

    Merci pour tes bons articles !!

    • Bruno Bichet dit :

      @Carine — Le rythme vertical c’est surtout l’harmonisation des espaces « avant » ou « après » les blocs, les paragraphes, les titres, les listes, etc. en fonction de la taille des éléments qu’ils contiennent. Alors oui, un framework comme blueprint peut aider à sa mise en place en faisant en sorte que tous les espaces soient cohérents avec la tailles des textes. L’idée générale est d’obtenir des valeurs multiples de l’interlignage global.

      De ce point de vue, Blueprint est sympa, mais si tu n’as pas besoin de la grille, css-boilerplate est peut-être plus concis http://code.google.com/p/css-boilerplate/

  5. […] 26 frameworks CSS — Mettez une grille dans votre site web […]

  6. […] ♥ 24 frameworks CSS passés au crible […]

  7. […] ♥ 24 frameworks CSS passés au crible […]

  8. Tef dit :

    Salut, j’aurais une question très bête. On parle de plus en plus des frameworks de ce type. Perso je suis débutant et j’apprends à mon rythme le CSS pour faire de l’intégration. J’utilise 960.gs seulement pour créer un design Web ce qui aide vachement mais jamais les css qui sont derrières car je préfère coder à la main. Ma question est simple, est-ce vraiment bien d’utiliser un framework ? Après on devient vite dépendant de ça. L’avantage de tout faire à la main peut permettre une plus grande souplesse. L’inconvénient est de tout faire justement… Cela impose également de connaitre les CSS du framework par coeur.

    Bref j’aimerais avoir vos ressenties à tous sur ça :)

    Merci par avance.

    A+ Tef

  9. Bruno Bichet dit :

    Tef — Pour résumer ma pensée, je dirais que si l’on maitrise les concepts abordés dans http://css.mammouthland.net/ et http://www.pompage.net/pompe/cssdezero-1/ on peut utiliser les frameworks CSS ;)

    Je suis convaincu qu’il est important de bien connaitre un langage ou une technique avant d’utiliser un framework qu’il s’agisse de CSS, de PHP ou de Javascript mais il ne faut pas négliger le potentiel didactique des frameworks CSS.

  10. Tef dit :

    Merci pour ta réponse. Effectivement, je comprends très bien ce dont tu parles. Bien entendu, peut-être qu’un jour je ferais appel à un Framework mais même si j’arrive maitenant à faire une intégration d’un site, je pense que mes connaissances en css ne me permette pas d’opter de suite pour un framework.

    En tout cas très bon article qui restera dans mes favoris. Mais maintenant que choisir !?! :) Au moins il y a l’embarras du choix :)

  11. vymdiesel dit :

    Quel framework choisir ?? dur dur de faire la part des choses et pas envie de tous les essayer !!

  12. […] ♥ 24 frameworks CSS passés au crible […]

  13. gilles klein dit :

    Celui que je préfère et que j’utilise. Car il me semble simple et permet qu’un site s’affiche à l’identique sur beaucoup de navigateur :

    http://www.ez-css.org/screencast

  14. vymdiesel dit :

    Merci pour ta réponse Gilles ! J’ai opté pour 960 Gris Systems couplé à mes CMS favorites WP et Joomla.

  15. […] logiciel pour vos Wireframes. A la place, vous pourrez vous aider de l’un des nombreux frameworks CSS existants. Ils offrent toute la souplesse nécessaires pour ajouter, supprimer, modifier les blocs, […]

  16. […] de mes billets ont une vocation durable et mis à jour régulièrement, je commence par ce liens http://css4design.com/choisir-un-frameworks-css. J’étofferais au fur et à mesure. No Comments by Fabien  /  mars 11, 2011 […]

  17. […] compatibilité cross-browser.→ Lectures complémentaires conseillées :Faites votre choix parmi plus de 30 frameworks CSS,Lire Frameworks CSS + Reset CSS : design from scratch.A côté des frameworks on trouve un grand […]

  18. Daminoweb dit :

    EZ-CSS c’est simple et bien beau tout ça mais à force d’imbrication de div cela ressemble à faire une page avec un tableau. Why not mais iol faut pouvoir s’y retrouver …

  19. […] ma liste de plus de 30 frameworks CSS, seul inuit.css s’affranchit de ces classes .first, .last, .alpha ou .omega. Mais c’est […]

  20. […] (Wireframe, Mockup et Mood Board) Quelques notes sur les éléments graphiques du webdesign choisir un frameworks css 40 Brilliant Examples of Sketched UI Wireframes and Mock-Ups Wireframe : wireframes.linowski.ca […]

  21. BrokenClock dit :

    Contrairement à ce que son nom laisse penser et à ce que vous indiqué, la « Golden Grid » ne fait aucun usage du nombre d’or, bien que l’auteur indique quelque part sur son blog comment utiliser ce framework de sorte à respecter les proportions dorées…

  22. BrokenClock dit :

    Vous devriez jeter un coup d’oeil à Golden Ratio Css Grid dont le but est de donner un framework CSS permettant l’utilisation aisée du nombre d’or dans le design web. Un générateur permet même de le personnaliser à ses besoins.

  23. Caniasse dit :

    Merci pour l’article et merci au voisin pour le nombre d’or. Ça l’or sympa aussi ^^ (je vais bien m’amuser avec ca)

  24. […] 35 frameworks CSS — Mettez une grille dans votre design Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ? […]

  25. […] 24 frameworks CSS — Mettez une grille (ou pas) dans votre site w […]

  26. I’m really impressed with your writing skills and also with the layout on your blog. Is this a paid theme or did you customize it yourself? Either way keep up the nice quality writing, it’s rare to see a nice blog like this one today..

  27. rezki dit :

    Le lien indiqué pour Bootstrap est celui de Inuit CSS.

  28. […] 52 frameworks CSS — Mettez une grille dans votre design ! Pas mal de nouveaux frameworks CSS à garder sous le tapis de souris. […]

  29. Nico dit :

    En fait, disons-le franchement, cette liste est une des plus complètes et des mieux foutues qui existent.

    Osé-je te demander d’y ajouter RÖCSSTI ? :)

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site