CSS Générateurs

Créer votre propre grille selon votre besoin … Accroître sa créativité !

Développez votre propre framework CSS !
Garder votre framework CSS un degré d’abstraction aussi élevé que possible. Habituellement le Reset Global et le formatage de base sont un compromis judicieux qui vous donnera un bon point de départ sans pour autant vous lier à la structure rigide d’un framework.
En développant vos propres styles par défaut, pensez à réduire au maximum le nombre de classes, d’identifiants et d’éléments HTML; garder à l’esprit l’importance de la signification sémantique des classes que vous utilisez.

Quelques exemples outils pour vous aider :
MyCSS Grid System — sytè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.

Grille Designer 2.6b

generateur01

Cet outil vous permet de créer une grille CSS en spécifiant le nombre de colonnes et la largeur des colonnes, les gouttières et les marges. Vous pouvez également spécifier la typographie dans le même outil et l’exportation de la finale CSS et (X) HTML balisage. Vous pouvez également mettre en signet vos paramètres de grille et la typographie et créer des dessins avec des colonnes s’étendant. Créé par Rasmus Schultz.

Gridnator : Semble vraiment cool. je n’ai pas testé

generateur02

gridfox

generateur03

GridFox est une extension Firefox qui se superpose une grille sur n’importe quel site Web. Si vous pouvez l’ouvrir dans Firefox, vous pouvez mettre une grille sur le dessus. Il est facile à personnaliser, vous permettant de créer la grille exacte en ralation avec votre mise en page

Systèmes de grille Conception Pour Flash

generateur04

Créer une grille pour un site Flash c’est travailler pour les résolutions d’écran de 1024 × 768 et plus. Ce systhème créé une grille fixe, se préoccupe de l’utilisateur et change le type de taille en fonction des besoins de l’utilisateur. Le seul moment où vous être concernés par une grille fixe est lorsque vous construisez un site en Flash.
Le contenu du site basé sur la taille de la fenêtre du navigateur, auquel cas vous devez trouver une grille de fluide a tester. Sources : http://goldengridsystem.com/

Sources de l’article: generatorCSSGridLayout

%d blogueurs aiment cette page :