18 outils CSS utiles et extrêmement simples à essayer dès maintenant

image_outils_css

Cette série de 18 outils web vous sera utile la prochaine fois que vous travaillerez avec CSS. Elle devrait vous éviter quelques tâches parmi les plus chronophages et les moins agréables :

  • Création de menus, d’animations, d’icônes.
  • Nettoyage de votre CSS.
  • Calcul et conversion de dimensions.
  • Prévisualisation de vos polices d’écriture.
  • Conversion de SVG en polices d’icônes.

… et quelques autres ! À découvrir, à essayer dès maintenant et mettre dans vos favoris pour vous aider pendant votre prochaine période de rush !


1. CSS Ruler – Un outil pour voir en un clin d’oeil à quoi correspondent les longueurs CSS

outil-css-ruler
2. Create CSS3 — Une app qui vous permet de générer tout le code CSS3 que vous voulez

outil-css-create-css3

3. Font Library – Un projet open source pour taguer et organiser les Googles Fonts

outil-css-font-library

4. Rocket – Un outil simple pour créer des animations

outil-css-rocket

5. Pie Menu Generator – Un générateur de menu en camembert

outil-css-pie-menu-generator

6. CSS Shrink – Un outil pour réduire vos fichiers CSS

outil-css-shrink

7. CSS Beautifier – L’outil qui rend votre CSS plus beau (en le rendant plus logique et facile à lire)

outil-css-beautifier

8. Typesetwith.me – Un outil web pour pré-visualiser la lisibilité de vos typos.

outil-css-typesetwithme

9. Circulus.SVG – Un générateur de menus circulaires en SVG

outil-css-circulus-svg

10. CSS Diner – Un jeu simple pour améliorer vos connaissances des sélecteurs CSS.

outil-css-diner

11. SpinKit – Un outil pour créer des animations de chargements CSS

outil-css-spinkit

12. Perfect Icons – Un outil web pour créer vos icônes de réseaux sociaux

outil-css-perfect-icons

13. Glyphter – Un outil pour créer vos polices d’icônes depuis des SVGs

outil-css-glypher

14. CSScomb — Un outil pour ordonner vos propriétés CSS dans un ordre pré-défini.

outil-css-comb

15. CSS Shapes Editor — Un plugin Chrome pour créer et éditer des valeurs de formes CSS.

outil-css-shapes

16. RQRWDC – (Really Quick Responsive Web Design Calculator) – Un outil pour calculer la largeur en % d’un élément depuis sa taille en PX.

outil-css-rqrwd

17. PX2EM – Un outil pour calculer la taille en EM depuis la taille en PX.

outil-css-px2em

18. StyleStats – Un outil (et une librairie Node.js) pour collecter des stats CSS depuis n’importe quelle feuille de style.
outil-css-stylestats

[btn titre= »tuto CSS » lien= »//fr.tuto.com/css/ »] Tuto CSS[/btn]

Vous avez aimé cet article ?

  • Partagez-le avec votre entourage et votre réseau :)
  • Découvrez régulièrement des tips pratiques & ressources essentielles en vous abonnant à la newsletter !

(19538)

2 Comments

  1. … sympa, merci ;)

  2. Il y a vraiment des perles ! Merci beaucoup.