Passer au contenu

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…

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…

📍 Pour ne manquer aucune actualité de Presse-citron, suivez-nous sur Google Actualités et WhatsApp.

Opera One - Navigateur web boosté à l’IA
Opera One - Navigateur web boosté à l’IA
Par : Opera
10 commentaires
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

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *