En lisant sur un autre forum, j'ai découvert le monde des cadres CSS. Celui que j'ai étudié spécifiquement est BluePrint . Je me demandais si quelqu'un d'autre avait trouvé des frameworks CSS, suggérait quel est le meilleur et si cela en valait la peine?
Réponses
Trop de publicités?
CSS frameworks sont complètement à côté du sujet.
CSS n'est pas comme JavaScript, où vous pouvez inclure une bibliothèque de base/cadre et ensuite appeler les fonctions et les objets de la hausse du niveau de travail. Tout un framework CSS peut vous donner, c'est les règles: certains navigateur par défaut de la règle de réinitialisation des trucs, des styles d'être forcé à l'auteur de votre page, et les règles de présentation à l'aide de "flotter" et "effacer". Vous pouvez écrire que quelques lignes de CSS vous-même plutôt que de tirer à la dilatation d'une centaine de règles-cadre.
La grille de mise en page " trucs en particulier remonte à l'époque de mixage de votre présentation dans votre balisage. 'div class="span-24"' est pas mieux qu'un tableau, vous aurez à revenir là-bas et changer les balises d'affecter la mise en page. Et tous les cadres que j'ai vu sont basées autour de fixe-pixel flottait boîtes, rendant impossible de créer une mise en page liquide accessible sur une large gamme de tailles de fenêtre.
C'est vers l'arrière de création, d'utilisation uniquement pour quelqu'un trop peur d'écrire une règle CSS.
Edward Z. Yang
Points
13760
Donc, personne n'a répondu à cette question (bien que je l'ai vu un peu d'upvotes), donc je vais au moins essayer de s'attaquer à la deuxième question dans ce message.
Des Frameworks CSS sont très grands, comme n'importe quel autre cadre, ils réduisent le temps de développement et de vous laisser travailler immédiatement sur le site spécifique de design et CSS. Ils pensent à des décisions difficiles de sorte que vous n'avez pas à.
Malheureusement, il y a deux inconvénients à l'utilisation d'un framework (en général):
Le cadre qui détermine la structure générale et de la mécanique de votre code CSS. Maintenant, je ne parle pas d'une CSS reset (elles sont utiles dans leur propre droit, mais ils ne sont pas de vrais cadres); je parle d'une honnête à bon cadre, qui a déjà pris des décisions à ce que la sémantique des balises que vous allez utiliser dans votre document, etc. En tant que tel, vous êtes dépendante sur le cadre, et quand il y a un bug dans le cadre, vous aurez la plupart ont l'habitude de réparer vous-même.
Les cadres ne sont pas une excuse pour faire l'impasse de la croix-navigateur/CSS avancé questions. Vous serez toujours en eux, tout comme vous le feriez un travail avec un PHP ou JavaScript framework. Et vous devez savoir comment traiter avec eux. Il est commun de dire que vous devriez écrire votre propre cadre de référence, avant d'utiliser de quelqu'un d'autre.
En un coup d'œil au Plan, je ne serais pas vraiment appeler cela un cadre; peut-être un reset avec quelques goodies supplémentaires sur le dessus.
Ryan Doherty
Points
16448
J'ai regardé le Plan et quelques autres, et la seule CSS "cadre" je recommande YUI Grilles
Pour:
- Écrit par l'un des meilleurs frontend ingénieurs (OMI) (Nate Koechley)
- Très petit. 4 KO
- Très souple (1000 différentes mises en page)
- Prend en charge liquide-largeur (100%) des modèles prédéfinis mises à largeur fixe à 750px, 950px, et 974px, et la possibilité de personnaliser facilement à n'importe quel nombre.
- Prend en charge la personnalisation facile de la largeur pour les mises à largeur fixe.
- Modèle de colonnes sont à la source de commande indépendant, de sorte que vous pouvez mettre votre contenu plus importants d'abord dans le balisage de la couche pour l'amélioration de l'accessibilité et de l'optimisation des moteurs de recherche (SEO).
- Auto-compensation de pied de page. N'importe quelle colonne est plus long, le pied reste au fond.
- Les mises en page à moins de 100% sont automatiquement centré.
- Un peu de sémantique les noms de classe (mieux que d'en haut, à gauche, à droite, etc)
Inconvénients:
- Beaucoup de balisage par rapport à la main-écrit en HTML et CSS
- Faut un certain apprentissage pour comprendre comment faire des mises en page complexes
Que d'autres ont posté, il n'y a pas de vrais "cadres" pour les CSS. Réinitialiser les feuilles de style d'une grande aide avec la mise en page aussi. J'ai l'habitude de coller avec un reset de la feuille de style et aller de là. Mais si vous n'avez pas beaucoup de CSS expérience YUI Grilles pourrait vous faire économiser du temps.
Andy Ford
Points
4595
Prenez le temps d'étudier et de comprendre (vraiment comprendre!) un peu de css frameworks tels que le Plan et YUI, et réinitialise css comme Eric Meyer. Alors, prenez le temps de mettre en place vos propres reset et/ou d'un cadre basé sur vos méthodes de travail et le genre de sites que vous construisez.
Personnellement, j'utilise la plupart du Eric Meyer reset avec certaines classes et les réinitialisations de mon propre, ainsi que quelques idées de Plan d'action et de YUI.
J'ai regardé récemment Eric Meyer donner une présentation sur les Frameworks CSS dans lequel il a posé la question: "alors, qui est le mieux pour moi?" Il a ensuite répondu à la question en montrant une diapositive vierge. Son point est, il ya certainement quelques concepts utiles intégrées dans la plupart des rétablissements et des cadres, mais celui qui vous convient le mieux est celui que vous écrivez pour vous-même (il en vaut la peine).
