Tutoriels vidéo art graphique gratuits

 
Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Pages: [1]   En bas

Auteur Sujet: Les grilles CSS  (Lu 6154 fois)

Adel

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 403
    • Live Messenger (MSN) - adelkamel@hotmail.fr
    • Voir le profil
    • Adel Kamel - Porte Folio
    • E-mail
Les grilles CSS
« le: mars 02, 2010, 18:46:41 pm »

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
IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Les grilles CSS
« Réponse #1 le: mars 03, 2010, 05:28:34 am »

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.
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

Adel

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 403
    • Live Messenger (MSN) - adelkamel@hotmail.fr
    • Voir le profil
    • Adel Kamel - Porte Folio
    • E-mail
Re : Les grilles CSS
« Réponse #2 le: mars 03, 2010, 10:22:27 am »

É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

IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Les grilles CSS
« Réponse #3 le: mars 03, 2010, 16:18:59 pm »

C'est pas mauvais, j'oublie le calque de mesures car je trace les différentes parties directement en pixels.
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

fablecrab

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 159
    • Voir le profil
    • E-mail
Re : Les grilles CSS
« Réponse #4 le: mars 03, 2010, 16:47:44 pm »

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.
IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Les grilles CSS
« Réponse #5 le: mars 03, 2010, 20:28:46 pm »

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.
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

fablecrab

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 159
    • Voir le profil
    • E-mail
Re : Les grilles CSS
« Réponse #6 le: mars 04, 2010, 09:55:37 am »

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 :)
IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Les grilles CSS
« Réponse #7 le: mars 04, 2010, 17:39:19 pm »

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

Framework, hmmmm, j'arriverai jamais à m'habituer à ces hiéroglyphes termes anglophones.  :P
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X
 



Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
Contact - Wisibility est une marque déposée

Blog - Tutoriels - Wisi TV - Forum