#css

Générez une échelle modulaire (géométrique) pour la typographie et l'espacement. Choisissez une taille de base et un ratio — un intervalle musical nommé (seconde mineure, seconde majeure, tierce mineure, tierce majeure, quarte juste, quarte augmentée, quinte juste, sixte mineure, nombre d'or, sixte majeure, septième mineure, septième majeure, octave et plus), un nombre simple comme 1,25, ou un intervalle écrit comme 3:2 — et le point de terminaison de l'échelle renvoie un ensemble harmonieux de tailles montant et descendant à partir de la base, où chaque valeur est base × ratio^step (l'étape 0 est la base). Choisissez le nombre d'étapes au-dessus et en dessous, l'arrondi, et un suffixe d'unité optionnel (px, rem, em) pour que les valeurs soient prêtes à être collées dans du CSS ou des jetons de design. Le point de terminaison des ratios liste chaque ratio nommé avec sa valeur décimale. Une échelle modulaire donne au texte, à l'espacement et à la mise en page un rythme cohérent au lieu de valeurs de pixels arbitraires. Calcul local pur — pas de clé, pas de service tiers, instantané. En direct, rien n'est stocké. 3 points de terminaison. Cela produit une échelle de tailles numériques ; pour les échelles de couleurs et les dégradés, utilisez l'API de dégradé.

api.oanor.com/modularscale-api

Nommez n'importe quelle couleur. Le point de terminaison nearest prend une couleur sous forme de hex, une valeur rgb(), un triplet r,g,b ou un autre nom et renvoie la plus proche des 140+ couleurs nommées CSS — appariées perceptuellement avec la distance CIE76 Lab, pas un RGB naïf, donc le nom semble correct — ainsi que la distance et si c'est une correspondance exacte. Le point de terminaison name résout un mot-clé de couleur CSS (par exemple rebeccapurple, cornflowerblue) en son hex et RGB, et list renvoie l'ensemble des couleurs nommées. Parfait pour les outils de conception et les sélecteurs, l'accessibilité et la thématisation, la conversion de codes hex de marque en étiquettes humaines, et la nomination des couleurs dans les palettes générées. Calcul local pur — pas de clé, pas de service tiers, instantané. En direct, rien n'est stocké. 4 points de terminaison. Distinct des outils de conversion de couleurs / palette / contraste, qui ne nomment pas les couleurs.

api.oanor.com/colorname-api

Encodez du contenu en une URI data: et décodez une URI data: pour retrouver son contenu (RFC 2397). Les URI data: intègrent un fichier directement dans du HTML, CSS, JSON ou un e-mail — parfait pour les petites images, SVG, polices et icônes que vous souhaitez intégrer sans requête HTTP distincte. Le point de terminaison encode enveloppe votre contenu (donné sous forme de texte UTF-8, base64 ou hexadécimal pour les données binaires) avec un type MIME et un jeu de caractères choisis, en encodage base64 ou URL (pourcentage) ; le point de terminaison decode analyse toute URI data: et renvoie son type MIME, son jeu de caractères, s'il était en base64, la taille en octets, et la charge utile sous forme de texte et/ou base64. Calcul purement local — pas de clé, pas de service tiers, instantané ; jusqu'à 4 Mo via POST. En direct, rien n'est stocké. 3 points de terminaison. Distinct d'un encodeur base64/hexadécimal simple et d'un outil spécifique aux SVG.

api.oanor.com/dataurl-api

Générez des dégradés de couleurs et des échelles de couleurs par programmation. Produisez une échelle uniformément espacée de N couleurs entre deux ou plusieurs arrêts (interpolée dans un espace colorimétrique perceptuellement lisse — lab, lch, oklab, oklch — ou rgb/hsl simple), obtenez une couleur interpolée unique à n'importe quelle position entre deux couleurs, et construisez une chaîne CSS de dégradé prête à coller (linéaire avec n'importe quel angle, ou radial) à partir d'une liste d'arrêts. Les couleurs acceptent le hex (#f00, #ff0000) ou les noms CSS (red, steelblue). Parfait pour les rampes de couleurs de visualisation de données, les heatmaps, les palettes de graphiques, la génération de thèmes et les arrière-plans d'interface utilisateur. Calcul local pur — pas de clé, pas de service tiers, instantané. En direct, rien n'est stocké. 4 points de terminaison. Distinct de la conversion de couleurs / palettes harmonieuses (une couleur de base) et de l'extraction de palette d'images.

api.oanor.com/gradient-api

Formatez et embellissez le code source avec Prettier, le formateur de code de facto. Passez du code et un langage et obtenez-le reformaté de manière cohérente : JavaScript, JSX, TypeScript, TSX, CSS, SCSS, LESS, GraphQL et Vue. Ajustez la sortie avec la largeur d'impression, la largeur de tabulation / les tabulations, les points-virgules, les guillemets simples ou doubles et le style de virgule finale. Les erreurs de syntaxe sont renvoyées avec un message clair. L'inverse d'un minificateur. Traitement local pur — pas de clé, pas de service tiers, instantané. En direct. 3 points de terminaison. Conçu pour les éditeurs de code et les terrains de jeu, les outils de collage et de formatage, l'embellissement d'extraits, la documentation et les vérifications de formatage CI. Complète le formateur SQL et les outils JSON/YAML/Markdown (qui couvrent leurs propres langages).

api.oanor.com/prettier-api

Réduisez vos actifs web. Minifiez CSS, JavaScript et HTML via une API simple et obtenez la sortie compacte ainsi que le nombre d'octets (et le pourcentage) économisés. Le CSS est minifié avec clean-css, le JavaScript avec Terser (avec des options de modification de noms et de compression), et le HTML avec html-minifier-terser (suppression des espaces blancs, des commentaires et des attributs redondants, et minification du CSS et JS en ligne). Passez la source en paramètre ou dans le corps de la requête (jusqu'à 5 Mo). Traitement local pur — pas de clé, pas de service tiers, instantané. En direct. 4 points de terminaison. Conçu pour les pipelines de build, l'optimisation d'actifs à la volée, l'allègement des e-mails HTML, les outils CMS et CDN, et le travail sur la vitesse des pages.

api.oanor.com/minify-api

Données de compatibilité des fonctionnalités du navigateur sous forme d'API — les tableaux de support "Can I Use" pour plus de 550 fonctionnalités de plateforme web sur 19 navigateurs (Chrome, Edge, Firefox, Safari, iOS Safari, Samsung Internet, Opera, IE et plus). Recherchez n'importe quelle fonctionnalité (flexbox, css-grid, webp, fetch, websockets, …) pour sa matrice de support complète : support actuel par navigateur, première version ayant un support complet, indicateurs partiels/préfixés/désactivés et notes, statut de la spécification, catégories, mots-clés, part d'utilisation globale et liens de référence. Posez une question unique fonctionnalité×navigateur, listez ou filtrez les fonctionnalités par catégorie, recherchez des fonctionnalités par mot-clé, et obtenez la liste des navigateurs/agents avec les historiques de versions et la légende des catégories/statuts. Alimenté par le jeu de données public caniuse-db (actualisé toutes les 12 heures) ; les résultats des requêtes sont calculés en direct. 7 points de terminaison. Conçu pour les outils de build, les décisions de polyfill, les tableaux de bord de compatibilité, les linters et la documentation. Aucune clé en amont.

api.oanor.com/caniuse-api

Le catalogue Google Fonts sous forme d'API — plus de 1 900 familles de polices open-source avec tout ce dont vous avez besoin pour choisir et intégrer une police. Recherchez une famille (par exemple Roboto → catégorie, poids disponibles, axes de polices variables, sous-ensembles et une URL CSS prête à l'emploi) ; recherchez par nom, catégorie (Sans Serif, Serif, Display, Handwriting, Monospace), sous-ensemble, poids ou support de polices variables ; ou listez les familles les plus populaires. Chaque enregistrement contient les poids/styles, les axes variables (wght, wdth, …), les sous-ensembles linguistiques, les designers, le rang de popularité et une URL d'intégration CSS2 de Google Fonts. Idéal pour les outils de conception, les constructeurs de sites web, les sélecteurs de polices et les systèmes de thèmes.

api.oanor.com/fonts-api