Quel est le meilleur cadre de grille CSS ?

Question

Je suis d’évaluer les cadres de grille CSS pour les sites web, des blogs et sites basés sur le CMS et se sont penchés sur le plan d’action et de Yahoo YUI. Ils ont tous deux bien paraître, mais il n’est pas si facile de changer les tailles de colonne ou de l’espacement. Et ils ont tous deux ajoutent beaucoup de poids dans transfert de la première page.

Ceux-ci sont les meilleurs, ou y a-t-il d’autres cadres qui sont plus souples ou plus léger ? Quels cadres de s’intégrer parfaitement dans Wordpress ou Drupal ?

Answer 1

Les deux Plan et 960gs sont grands, mais vous avez l'air de vouloir plus de souplesse dans la définition de la grille de largeur, les largeurs de colonne, et les largeurs des marges. 960gs est assez limité en ce sens, bien que de ses valeurs par défaut sont positionnés dans un très utile et populaire de la grille de largeur.

Plan, cependant, a l'avantage du Plan de Grille Générateur de CSS. Avec le générateur grille, vous définissez votre nombre de colonnes, la largeur de la colonne, la largeur de marge, et il génère tous les Blueprint CSS classes. Il va même jusqu'à les compresser pour vous et générer une grille d'arrière-plan de l'image fichier pour vous. Vous obtenez les avantages d'un système de grille plus la souplesse de la grille des ajustements.

Edge: Plan + Plan de Grille Générateur de CSS.

Mise à jour: Spry-Soft propose désormais une 960gs Grille Générateur de CSS qui se rétrécit, si ce n'est comble le fossé entre les deux.

Answer 2

Vous pouvez réduire la css 960. compressé par un autre 1K en remplaçant :

• avec
• avec
• avec
• avec

Ne sera pas joli mais si vous êtes désespéré pour un autre 1K  :)

Answer 3

Il y a aussi un nouveau cadre de grille, appelé le système de quadrillage de 978.

Answer 4

J'ai récemment commencé à utiliser de l' http://semantic.gs/ Cadre.

N'étant pas un grand fan de la Grille des cadres pour un certain temps parce que des fonctionnalités supplémentaires que je n'ai pas utilisé, un unsemantic ajouter des classes à l'annotation (donc pas complètement séparant le contenu de lay-out plus) et les moments difficiles certains d'entre eux m'a donné pour modifier la fondation.

Le ci-dessus mentionné Sémantique.gs résout 2 de ces problèmes et est également sensible (et impossible à ignorer sujet chaud ces derniers temps).

Certains d'entre nous peut retenir de l'utiliser car il nécessite également l'utilisation d'un Framework CSS comme MOINS ou SASS. Voici un très intéressant article à ce sujet sur Smashing Magazine.

Answer 5

Jetez un coup d'œil à Foundation by ZURB

Foundation est flexible et fonctionne sur tous les appareils, y compris les tablettes et les téléphones portables. Possède de belles classes pour les formulaires, les boutons, les dispositions et les éléments d'interface utilisateur tels que les messages d'erreur et de réussite.