Accessibilité
Une icône peut décorer une commande ou transmettre une information nécessaire au lecteur. Cette distinction compte pour prévoir les libellés, les interactions au clavier et les alternatives au contenu visuel.
Lorsque vous préparez des images avec le créateur de sprites CSS, pensez au texte et aux commandes qui les accompagneront. L’outil génère le CSS de positionnement ; les noms accessibles et les interactions se définissent dans la page qui utilise ces images.
Studio de couleurs
Créez vos palettes avec un cercle chromatique interactif. Convertissez HEX, RGB, HSL et OKLCH, testez le contraste WCAG et exportez nuances et dégradés CSS.
Découvrez Color Studio, notre générateur de palettes de couleurs
Trouvez des couleurs assorties pour votre site ou application avec Color Studio : palettes gratuites, nuances, contraste, dégradés CSS et partage.
Créer un bouton de copie dans le presse-papiers accessible à tous
Créez un bouton de copie fiable avec l'API Clipboard : messages accessibles, clavier, gestion des erreurs et précautions pour les données sensibles.
Des images adaptatives qui économisent vraiment la bande passante : srcset, sizes, picture et tests
Utilisez srcset, sizes et picture pour adapter vos images, éviter les décalages de mise en page et mesurer les téléchargements réels.
Les sprites CSS sur le Web moderne : quand les utiliser et comment les tester
Découvrez quand les sprites CSS restent utiles, comment définir les zones d'une planche et comment tester le chargement, l'accessibilité et les écrans haute densité.