Imprimer

[Adel]

Bonsoir tout le monde,

J'ai souvent aperçu sur la toile des sites proposant des grilles CSS.

Voici un exemple :
http://www.taggle.org/2010/03/4398-10-generateurs-de-grilles-css-pour-vous-faire-gagner-du-temps/?utm_source=feedburner&utm_medium=email&utm_campaign=Feed%3A+taggle+%28Taggle.org%29

Je souhaiterai avoir vos différents avis sur cette méthode de faire, est-elle réellement pratique, permet-elle de gagner de temps etc...

Cordialement

Adel

[Eddy]

Salut.
J'ai déjà utilisé ce genre de grille. le temps que tu gagneras est celui ou tu ne dois pas réaliser ta grille toi-même. Après, tout dépend de comment tu travailles tes designs.

[Adel]

Étant débutant en design ma méthode va surement de paraitre perfectible :

Je conçois ma maquette sur Photoshop en réfléchissant à l'intégration (DIV,H1..6 etc.).

Je prépare un calque sur PSD un peu spéciale avec les mesures en pixel, je ne le fais pas systématiquement cependant.

Le découpage et l'optimisation ce fait pour moi sur Photoshop et intégration sur Dreamweaver en privilégiant le mode "Code" et vérification sur les navigateurs principaux à savoir :

IE 6 7 et 8
Firefox
Chrome
Opera et Safari.

Voili voilou

Adel

[Eddy]

C'est pas mauvais, j'oublie le calque de mesures car je trace les différentes parties directement en pixels.

[fablecrab]

Perso je me suis mis aux framework CSS il y a peu et je ne peux plus m'en passer. J'utilise mtn plus que Blueprint, qui est à mon avis le meilleur. En fait moi ma méthode de travail est:

- premières maquettes rapide sous illustrator, que je trouve bien plus facile à utiliser que psd pour faire de la recherche d'idées.

- maquette finale sous psd.

- intégration CSS en utilisant le framework blueprint + 1 feuille de style perso avec des éléments que j'ai ajouté au fil du temps (menu spéciaux, blocs toogle avec jquery, etc) + 1 feuille de style perso dédiée qu'au projet en particulier. Je mets cette dernière en derniers dans le head pour que lorsrqu'il y ai un conflit entre deux propriétés (une du framework et une perso), cela soit la feuille perso qui entre en compte.

[Eddy]

C'est quoi ce blueprint ?? Je bosse mes CSS dans Notepad++ ou parfois dans Dreamweaver où la saisie prédictive permet de gagner du temps.

[fablecrab]

c'est en fait un framework CSS (il en existe plein) qui te propose en fait une grille avec toutes les combinaisons déjà toutes faites (dans le système 960px). Donc genre tu ouvre le document html avec dreamweaver, tu te dis, bon j'aimerai un bloc comme celui-ci et donc tu copies la balise sur ton nouveau doc. Il te suffit ensuite de lier les feuilles CSS de blueprint avec ton doc et les propriétés appliquées aux balises suivent...

Voici le lien http://www.blueprintcss.org/

Essaye de télécharger le pack et d'ouvrir les fichiers html et css avec dreamweaver, tu comprendras tout de suite

[Eddy]

J'essayerai ça dès que possible… Merci de l'info.

Framework, hmmmm, j'arriverai jamais à m'habituer à ces hiéroglyphes termes anglophones.