Quelques sites et outils pour faciliter la création et la gestion de vos CSS

Je sais, rien ne vaut un travail fait main avec un bon vieil éditeur de texte et de la CSS montée amoureusement ligne après ligne, classe après classe par un vrai webdesigner aussi compétent que patient.Mais bon il y a des fois ou, hein, pas besoin de vous faire un dessin (dans Photoshop).Donc pour ces

Je sais, rien ne vaut un travail fait main avec un bon vieil éditeur de texte et de la CSS montée amoureusement ligne après ligne, classe après classe par un vrai webdesigner aussi compétent que patient.
Mais bon il y a des fois ou, hein, pas besoin de vous faire un dessin (dans Photoshop).
Donc pour ces fois, il existe quand même quelques services web très pratiques qui vous feront gagner du temps et donc normalement de l’argent (c’est important l’argent de temps en temps) en vous mâchant un tout petit peu le travail, ne serait-ce que pour préparer un gabarit ou alléger votre belle feuille de style.
NB : j’ai déjà évoqué certains de ces services, mais je ne les ai en revanche pas tous testés.

Vous voulez générer un template en CSS sans (presque rien faire)

  • CSS Creator : Css Creator est un générateur de mise en page qui produit un design fixe ou fluide jusqu’à trois colonnes avec en-tête et pied de page.
  • QrONE CSS Designer : QrONE est un générateur et éditeur de CSS en ligne.
  • CSS Mate : Idem.

Vous avez fait le job mais vous voulez optimiser votre feuille de style

  • CSSTidy : CSS Tidy est un parseur et optimiseur open source de CSS.
  • CleanCSS : CleanCSS est un puissant optimiseur et "allégeur" de CSS en ligne.
  • CSS Optimizer : Idem ou presque.
  • CSS Analyzer : vous permet de vérifier la validité de votre code CSS au regard des standards du W3C.

Vous voulez utiliser des gabarits prêts à l’emploi ou vous débutez et vous voulez voir sous le capot comment c’est fait

  • Layout Gala : propose 40 gabarits de toutes sortes (fixes, fluides, nombre de colonnes variable, etc…)

Mes favoris (ou en tout cas ceux que j’utilise de temps en temps) : CleanCSS et Layout Gala.
Et oui je suis paresseux que voulez-vous, mais surtout je fais de moins en moins de webdesign…


  • Bruce McLaren, la bande-annonce du film-documentaire

    McLaren : The Film, est un documentaire rendant hommage à Bruce McLaren, pilote de formule 1 et créateur de l’écurie qui porte son nom. Découvrez la bande-annonce ci-dessous.  Bruce McLaren, coureur automobile d’exception… Si vous suivez un peu l’actualité des courses automobiles et de la Formule 1, alors le nom de McLaren vous est bien connu. [... […]

  • Et si la série Malcom faisait son retour ?

    Frankie Muniz et Bryan Cranston de nouveau ensemble à l'écran ? Voilà qui devrait ravir les fans de la série Malcolm si la série fait son come-back. […]

  • Unbreakable Kimmy Schmidt : une vidéo pour la saison 3

    Unbreakable Kimmy Schmidt reviendra sur Netflix le 19 mai prochain pour une troisième saison attendue de pied ferme par tous ses fans. […]

Nos dernières vidéos

10 commentaires

  1. Je profite de ce billet pour proposer ce service que je développe actuellement : makecss.simon-duhem.fr
    C’est un générateur de squelette CSS.
    Il suffit d’insérer un document xHTML et un squelette CSS sera généré.
    Vos avis / idées / retour de bugs sont les bienvenues.

  2. bah jvoi pas dmal a utiliser une tondeuse pour entretenir la pelouse même si on pourrait le faire au ciseau!

    dans la ligné on peut citer les CSS libres tels que drupal ou joomla qui sont entièrement personalisables et font gagner un sacré bout de temps. Pour un site perso y a pas de mal à se faire aider. Après pour un site pro c’est sur qu’on peut ressortir le bloc-note (ou le pertefeuille) mais c’est autre chose. C’est sur qu’avec un css déja fait on apprend moins de chose qu’en se faisant le sien, mais c’est aussi plus accessible pour tout un chacun!

  3. je teste blueprintCSS depuis quelques temps c’est bien. un framework CSS l’idée peut paraitre incongrue, mais dans la pratique c’est efficace.

  4. oui, fanatux a du se tromper ou alors il a changer de discutions sans le vouloir dans le meme commentaire ^^

    Sinon, comme dit plus haut il n’y as pas de mal a utilisé les outils disponibles 🙂

    Merci pour les infos

  5. Moi j’ai crée mon site gratuitement avec se site.

    http://www.boutique-en-ligne-3.....tuite.html

    mon site bijoux
    http://www.bijouxline.com/

    plus 700 produit je met moi même les photo.

  6. Pingback: Quelques sites et outils pour faciliter la création et la gestion de vos CSS | Presse-Citron

Send this to a friend

Lire les articles précédents :
Le city guide Qype lance sa version iPhone

Décollage vertical et turbo-propulseurs au taquet pour le web mobile, ou plutôt le web-pour-iPhone : pas une semaine, que dis-je,...

Fermer