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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[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 !

(19662)