Tout sur les CSS !

Sans vouloir trop parler de mes cours, la semaine dernière, nous avons eu une lutte pro CSSienne.

Je m’y connaissais un minimum, j’ai donné quelques conseils mais je n’avais pas en mémoire toutes les adresses que j’ai dans mes favoris et mon netvibes !

DONC ! Pour ceux que ça intéresse de creuser la question, s’entrainer, regarder, optimiser, etc… lisez la suite

Trop de textes !

  1. Les premiers sites sont à regarder pour voir ce que les CSS sont capables de faire et pouvoir commencer à utiliser!
    • CSS Zen Garden est un site fait avec pleins de CSS de différents artistes. La page reste la même, seule l’apparence change ^_^ Et bien sûr s’il y en a un qui vous plait, vous pouvez télécharger le html et le css (ça permet de pouvoir analyser ^_^ )
    • CSS Mania est un site qui montre un peu plus de 6 000 sites faits principalement (voire uniquement) avec des CSS ! Des exemple à gogo !
  2. D’autres sites suivent pour travailler le CSS
    • CSS Elite possède une énorme partie « ressources«  ainsi que pleins d’exemples. Excellent quand on cherche un petit truc en particulier :) et comme son nom l’indique, c’est pas pour les débutants ^_^
    • Chez CSS play, point d’exemple ! Mais alors que de menu, de layout et d’expérimentations o_o Ca vaut vraiment le coup pour justement analyser ces expérimentations et les réarranger à sa propre sauce !
  3. Une fois votre CSS effectué et mis en ligne, naaaaannn ça marche pas bien !! ( :evil: ça arrête pas de m’arriver ! surtout en firefox et IE >_< ! Vive firefox pour les css !! )
    • Pour résoudre ce problème, une barre de développeur existe sur firefox qui permet d’éditer en live le(s) fichier(s) css lié(s) et ainsi trouver la source du problème ou rajouter quelques fioritures ^_^ (et elle ne permet pas que cela, elle sert sérieusement à tout bon webdesigner qui se respecte)

  4. Enfin, une fois que le fichier css fonctionne, on peut l’optimiser ! Pour se faire, 2 sites que je connais :
    • Css Tweak permet de baisser le poids du fichier. Il efface les doublons et les espaces blancs qui servent à rien à en devenir presque illisible. C’est en anglais mais on peut uploader le fichier direct !
    • Clean CSS fait à peu prêt la même chose. On ne peut pas uploader le fichier, mais on peut le copier/coller ou lui donner l’url. Il est en français et a plusieurs niveaux d’optimisation. Très optimisé mais illisible ou normal et facilement éditable? A vous de choisir.
  5. Il ne manquerai plus qu’à parler des logiciels mais à ce niveau personnellement, j’utilise Dreamweaver (pour aller vite avec la syntaxe, que je ne connais pas par coeur encore) ou Notepad++ (qui remplace mon notepad et qui met en couleur le CSS et surtout le PHP ^_^ )

4 commentaires pour “Tout sur les CSS !”

  1. baz dit :

    Ouaiiiiis, vive les CSS (sauf dans les newsletters hein…)

    en tout cas….

    ON VEUT PLUS DE DESSINS A LA MAIN SUR CE BLOG!
    ON VEUT PLUS DE DESSINS A LA MAIN SUR CE BLOG!
    ON VEUT PLUS DE DESSINS A LA MAIN SUR CE BLOG!
    ON VEUT PLUS DE DESSINS A LA MAIN SUR CE BLOG!
    ON VEUT PLUS DE DESSINS A LA MAIN SUR CE BLOG!
    ON VEUT PLUS DE DESSINS A LA MAIN SUR CE BLOG!
    ON VEUT PLUS DE DESSINS A LA MAIN SUR CE BLOG!

    Ben ouais quoi, ils sont cools ces dessins

  2. Shikiryu dit :

    Tout le monde n’est (malheureusement) pas de ton avis >_> et en plus j’ai pas souvent le temps.

    Mais bon, ça m’a permis d’améliorer ce post qui avait pas d’images ^_^ ce qui est pas souvent le cas.

  3. MM dit :

    dessin VF de l’anée dernière là

  4. Shikiryu dit :

    La preuve que tout le monde n’est pas du même avis.
    Mais il est pas VF quand même.