Le site Omatsuri propose à ce jour 10 outils en open source qui pourraient bien vous aider lors du développement de vos projets web. La chose intéressante ici, c’est qu’ils sont très simples d’utilisation, plutôt ergonomiques et surtout regroupés au même endroit !
La liste des outils disponibles :
- un générateur de triangles en CSS en élément et pseudo-éléments. Il vous permettra de créer des flèches, des coins, etc. dans tous les sens, toutes les tailles et toutes les couleurs.
- un générateur de teintes et nuances de couleurs à partir d’une couleur
- un outil pour créer des vagues en SVG pour séparer vos contenus. Un équivalent de Get Waves que je vous avais présenté ici.
- un convertisseur de SVG en composant REACT (ou composant qui gère le jsx)
- un convertisseur d’image ou fichier en base64, et pour simplifier le tout il génère le code en CSS pour l’utiliser en tant que background-image
- un générateur de données pour remplir des profils de test par exemple, exportable au format JSON
- une liste avec tous les symboles HTML les plus utilisés
- un générateur de Lorem Ipsum
- une liste de tous les curseurs CSS qui existent
- un outil pour trouver les keycodes JavaScript
Les outils sont disponibles sur le site Omatsuri et son code open source sur GitHub.
