La différence :

Ici pas de système à grille mais un système permettant de diviser un bloc en plusieurs éléments de même largeur.

Lien :

• EZ-CSS

The Framework from the futur

Pourquoi ?
Tout simplement parce que ce framework combine les normes HTML5 et CSS3.

Et oui et ça change tout l’utilisation de ces normes puisqu’à l’heure de ces lignes tous les navigateurs du marché ne les appliquent pas encore ou en partie (je pense à certaines propriétés CSS3 correctement utilisés par Firefox ).

Car si les propriétés css3 permettant les cadres arrondis, les ombres, …, il faudra surtout s’adapter aux blocs HTML5 <header>, <nav>, <section>, < footer>, … .

En tout cas, ce framework s’annonce dans la continuité des Blueprint ou 960.gs à savoir fournir une base de développement forte intéressante.

Lien :

• 52Framework

Voilà 1 mois que vous avez la possibilité de répondre à cette question.

Et c’est donc la réponse « Un MVC perso » qui l’emporte !

A partir d’aujourd’hui c’est un nouveau sondage qui vous est proposé :
Quel éditeur utilisez-vous ?

Si vous souhaitez y répondre, la partie « Sondage » se trouve dans la partie droite du site

Voilà 1 mois que vous avez la possibilité de répondre à cette question.

Et vous ne semblez pas vraiment fan des frameworks CSS…

A partir d’aujourd’hui c’est un nouveau sondage qui vous est proposé :
Quel framework php utilisez-vous ?

Si vous souhaitez y répondre, la partie « Sondage » se trouve dans la partie droite du site

Quel

Voilà 1 mois que vous avez la possibilité de répondre à cette question.

Oh surprise ! C’est jQuery qui remporte haut la main

A partir d’aujourd’hui c’est un nouveau sondage qui vous est proposé :
Quel framework css utilisez-vous ?

Si vous souhaitez y répondre, la partie « Sondage » se trouve dans la partie droite du site

Des outils en ligne permettant de générer des grid sont apparus, toujours dans le but de faciliter l’édition de vos feuilles de styles.

Variable Grid System

Si vous utilisez le framework 960, vous avez sans doute remarquer le gros boutons « Custom CSS generator ». Ce lien vous mène donc à ce générateur qui va vous reproduire les grilles de 960 avec les paramètres que vous souhaitez (largeur globale, nombre de colonnes, …)
Variable Grid System

Blueprint Grid CSS Generator

Comme Variable Grid System, ce générateur paramétrable va vous générer vos grilles mais ici à partir du framework Blueprint
Blueprint Grid CSS Generator

The 1Kb Grid

Il l’affiche dans son nom, ce framework ne fait qu’un Kb. Son générateur permet de modifier le nombre de colonne, la largeur de celle-ci, et leur espacement.
The 1Kb Grid

Gridinator

Gridinator vous permet les même paramétrages avec en plus la taille de la police du body (?)
Gridinator

xCSS est un framework CSS orienté objet. Oui, du CSS objet

Cela permet, entres autres, l’utilisation de variables au sein de feuille de styles.

Un petit exemple avec des variables ?

vars {
    $path = ../img/tmpl1/png;
    $color1 = #FF00FF;
    $border = border-top: 1px solid #CCCCCC;
}

Avec ceci, vous avez des variables $path, $color1 et $border avec certaines propriétés CSS.
Pour les utiliser me demanderez-vous.

.selector {
    background-image: url($path/head_bg.png);
    background-color: $color1;
    $border;
}

Plutôt facile d’utilisation non ?

Et pour jouer avec les imbrications de sélecteurs, cela donne :

.selector {
    a {
        display: block;
    }
    strong {
        color: blue;
    }
}

produira le code suivant:

.selector a {
    display: block;
}
.selector strong {
    color: blue;
}

Et pour l’installation et la configuration de xCSS, ces captures d’écran vous en donne une petite idée.

Lien :

• xCSS
• via des tweets de @integrateur_css et @LaFermeDuWeb

Un framework CSS ?

C’est tout simplement une base de développement permettant une mise en page facilité par des classes pré-écrites.

Les intérêts ?

Gagner en rapidité de développement, une mise en page claire et structuré, …

Les inconvénients ?

Personnellement, je n’en voit aucun. Depuis que j’ai découvert ces deux frameworks, je ne peux plus m’en passer.

Alors il existe aujourd’hui pleins de frameworks CSS :

• blueprint
• 960
• Yahoo
• YAML
• …

Les deux qui ont retenu mon attention sont donc blueprint et 960 (c’est un avis purement personnel mais leurs simplicités et leurs facilités de compréhension en font mes préférés).

Comparons nos deux frameworks :

Blueprint :

• Largeur de page : 950px
• Nombre de colonnes de la grille : 24
• Poids des 3 fichiers CSS (screen.css, ie.css, print.css) : 14.8 Ko
• Les + :
  • une feuille dédié à Internet Explorer, une autre pour l’impression
  • l’existence de plugins
  • blueprint est désormais completement customizable à l’aide d’un générateur en ligne

960 :

• Largeur de page : 960px
• Nombre de colonnes de la grille : 12 ou 16
• Poids des 3 fichiers CSS (960.css, reset.css, text.css) : 6.28 Ko
• Le – : Toutes les dimensions sont indiquées en pixels: taille des blocs, taille des caractères, …

Et vous, utilisez-vous un framework CSS ?

Si oui, lequel ?

Si non, pourquoi ?

• une version prête pour PHP 5.3
• les services Web REST
• la disponibilité des formats RSS et Atom
• …

Liens :

• le site de zend framework,
• la page de téléchargement.