#css

Δημιουργήστε μια αρθρωτή (γεωμετρική) κλίμακα για τυπογραφία και διάστιχο. Επιλέξτε ένα βασικό μέγεθος και μια αναλογία — ένα ονομασμένο μουσικό διάστημα (minor-second, major-second, minor-third, major-third, perfect-fourth, augmented-fourth, perfect-fifth, minor-sixth, golden, major-sixth, minor-seventh, major-seventh, octave και άλλα), έναν απλό αριθμό όπως 1.25, ή ένα διάστημα γραμμένο ως 3:2 — και το endpoint της κλίμακας επιστρέφει ένα αρμονικό σύνολο μεγεθών που ανεβαίνουν και κατεβαίνουν από τη βάση, όπου κάθε τιμή είναι base × ratio^step (το step 0 είναι η βάση). Επιλέξτε πόσα βήματα πάνω και κάτω, τη στρογγυλοποίηση και μια προαιρετική κατάληξη μονάδας (px, rem, em) ώστε οι τιμές να επιστρέφονται έτοιμες για επικόλληση σε CSS ή design tokens. Το endpoint ratios παραθέτει κάθε ονομασμένη αναλογία με την δεκαδική της τιμή. Μια αρθρωτή κλίμακα δίνει στον τύπο, το διάστιχο και τη διάταξη έναν σταθερό ρυθμό αντί για αυθαίρετες τιμές pixel. Καθαρά τοπικός υπολογισμός — χωρίς κλειδί, χωρίς υπηρεσία τρίτου, άμεσο. Live, τίποτα δεν αποθηκεύεται. 3 endpoints. Αυτό παράγει μια αριθμητική κλίμακα μεγεθών· για χρωματικές κλίμακες και διαβαθμίσεις χρησιμοποιήστε το Gradient API.

api.oanor.com/modularscale-api

Ονομάστε οποιοδήποτε χρώμα. Το τελικό σημείο nearest δέχεται ένα χρώμα ως hex, μια τιμή rgb(), μια τριάδα r,g,b ή ένα άλλο όνομα και επιστρέφει το πλησιέστερο από τα 140+ ονόματα χρωμάτων CSS — αντιστοιχισμένα αντιληπτικά με απόσταση CIE76 Lab, όχι αφελώς RGB, οπότε το όνομα φαίνεται σωστό — μαζί με την απόσταση και αν είναι ακριβής αντιστοιχία. Το τελικό σημείο name επιλύει μια λέξη-κλειδί χρώματος CSS (π.χ. rebeccapurple, cornflowerblue) στο hex και RGB της, και το list επιστρέφει ολόκληρο το σύνολο ονομασμένων χρωμάτων. Ιδανικό για εργαλεία σχεδίασης και επιλογείς, προσβασιμότητα και θέματα, μετατροπή brand hex κωδικών σε ανθρώπινες ετικέτες και ονομασία χρωμάτων σε παραγόμενες παλέτες. Καθαρός τοπικός υπολογισμός — χωρίς κλειδί, χωρίς υπηρεσία τρίτου μέρους, άμεσο. Ζωντανό, τίποτα δεν αποθηκεύεται. 4 τελικά σημεία. Διακρίνεται από εργαλεία μετατροπής χρωμάτων / παλέτας / αντίθεσης, τα οποία δεν ονομάζουν χρώματα.

api.oanor.com/colorname-api

Κωδικοποιήστε περιεχόμενο σε ένα data: URI και αποκωδικοποιήστε ένα data: URI πίσω στο περιεχόμενό του (RFC 2397). Τα data: URI ενσωματώνουν ένα αρχείο απευθείας σε HTML, CSS, JSON ή email — ιδανικά για μικρές εικόνες, SVG, γραμματοσειρές και εικονίδια που θέλετε να ενσωματώσετε χωρίς ξεχωριστό αίτημα HTTP. Το τελικό σημείο κωδικοποίησης περιβάλλει το περιεχόμενό σας (δίνεται ως κείμενο UTF-8, base64 ή hex για δυαδικά) με ένα επιλεγμένο τύπο μέσου και σύνολο χαρακτήρων, είτε σε base64 είτε σε URL (ποσοστιαία) κωδικοποίηση· το τελικό σημείο αποκωδικοποίησης αναλύει οποιοδήποτε data: URI και επιστρέφει τον τύπο μέσου, το σύνολο χαρακτήρων, αν ήταν base64, το μέγεθος σε byte και το ωφέλιμο φορτίο ως κείμενο ή/και base64. Καθαρά τοπικός υπολογισμός — χωρίς κλειδί, χωρίς υπηρεσία τρίτου, άμεσο· έως 4 MB μέσω POST. Ζωντανό, τίποτα δεν αποθηκεύεται. 3 τελικά σημεία. Διακρίνεται από έναν απλό κωδικοποιητή base64/hex και από εργαλεία ειδικά για SVG.

api.oanor.com/dataurl-api

Δημιουργήστε χρωματικές διαβαθμίσεις και χρωματικές κλίμακες προγραμματιστικά. Παράγετε μια ομοιόμορφα κατανεμημένη κλίμακα N χρωμάτων μεταξύ δύο ή περισσότερων στάσεων (παρεμβολή σε ένα αντιληπτικά ομαλό χρωματικό χώρο — lab, lch, oklab, oklch — ή απλό rgb/hsl), λάβετε ένα μεμονωμένο χρώμα παρεμβολής σε οποιαδήποτε θέση μεταξύ δύο χρωμάτων και δημιουργήστε μια έτοιμη προς επικόλληση συμβολοσειρά CSS gradient (γραμμική με οποιαδήποτε γωνία ή ακτινική) από μια λίστα στάσεων. Τα χρώματα δέχονται hex (#f00, #ff0000) ή ονόματα CSS (red, steelblue). Ιδανικό για χρωματικές ράμπες οπτικοποίησης δεδομένων, θερμικούς χάρτες, παλέτες γραφημάτων, δημιουργία θεμάτων και φόντο UI. Καθαρός τοπικός υπολογισμός — χωρίς κλειδί, χωρίς υπηρεσία τρίτου, άμεσο. Ζωντανό, τίποτα δεν αποθηκεύεται. 4 τελικά σημεία. Διακρίνεται από τη μετατροπή χρωμάτων / αρμονικές παλέτες (ένα βασικό χρώμα) και την εξαγωγή παλέτας εικόνας.

api.oanor.com/gradient-api

Μορφοποιήστε και ομορφύνετε τον πηγαίο κώδικα με το Prettier, τον de-facto μορφοποιητή κώδικα. Περάστε κώδικα και μια γλώσσα και λάβετε τον συνεπώς αναμορφωμένο: JavaScript, JSX, TypeScript, TSX, CSS, SCSS, LESS, GraphQL και Vue. Ρυθμίστε την έξοδο με πλάτος εκτύπωσης, πλάτος καρτέλας / καρτέλες, ερωτηματικά, μονά vs διπλά εισαγωγικά και στυλ τελικού κόμματος. Τα συντακτικά σφάλματα επιστρέφονται με σαφές μήνυμα. Το αντίστροφο ενός minifier. Καθαρή τοπική επεξεργασία — χωρίς κλειδί, χωρίς υπηρεσία τρίτου, άμεση. Ζωντανή. 3 endpoints. Κατασκευασμένο για επεξεργαστές κώδικα και playgrounds, εργαλεία επικόλλησης και μορφοποίησης, ομορφιά αποσπασμάτων, έγγραφα και ελέγχους μορφοποίησης CI. Συμπληρώνει τον μορφοποιητή SQL και τα εργαλεία JSON/YAML/Markdown (που καλύπτουν τις δικές τους γλώσσες).

api.oanor.com/prettier-api

Συρρικνώστε τα web assets σας. Ελαχιστοποιήστε CSS, JavaScript και HTML μέσω ενός απλού API και λάβετε τη συμπαγή έξοδο συν πόσα bytes (και τι ποσοστό) εξοικονομήσατε. Το CSS ελαχιστοποιείται με clean-css, η JavaScript με Terser (με προαιρετική αλλαγή ονομάτων και εναλλαγές συμπίεσης), και η HTML με html-minifier-terser (συμπτύσσοντας κενά, αφαιρώντας σχόλια και περιττά χαρακτηριστικά, και ελαχιστοποιώντας inline CSS και JS). Περάστε την πηγή ως παράμετρο ή στο σώμα του αιτήματος (έως 5 MB). Καθαρά τοπική επεξεργασία — χωρίς κλειδί, χωρίς υπηρεσία τρίτου, άμεση. Live. 4 endpoints. Κατασκευασμένο για build pipelines, βελτιστοποίηση assets εν κινήσει, λέπτυνση email-HTML, εργαλεία CMS και CDN, και εργασίες ταχύτητας σελίδας.

api.oanor.com/minify-api

Δεδομένα συμβατότητας χαρακτηριστικών προγράμματος περιήγησης ως API — οι πίνακες υποστήριξης "Can I Use" για πάνω από 550 χαρακτηριστικά πλατφόρμας ιστού σε 19 προγράμματα περιήγησης (Chrome, Edge, Firefox, Safari, iOS Safari, Samsung Internet, Opera, IE και άλλα). Αναζητήστε οποιοδήποτε χαρακτηριστικό (flexbox, css-grid, webp, fetch, websockets, …) για τον πλήρη πίνακα υποστήριξής του: τρέχουσα υποστήριξη ανά πρόγραμμα περιήγησης, την πρώτη έκδοση που παρείχε πλήρη υποστήριξη, σημαίες μερικής/προθεματικής/απενεργοποιημένης υποστήριξης και σημειώσεις, την κατάσταση προδιαγραφής, κατηγορίες, λέξεις-κλειδιά, παγκόσμιο μερίδιο χρήσης και συνδέσμους αναφοράς. Κάντε μια ερώτηση για ένα συγκεκριμένο χαρακτηριστικό×πρόγραμμα περιήγησης, λίστα ή φιλτράρισμα χαρακτηριστικών ανά κατηγορία, αναζήτηση χαρακτηριστικών με λέξη-κλειδί και λάβετε τη λίστα προγραμμάτων περιήγησης/παραγόντων με ιστορικό εκδόσεων και την υπόμνημα κατηγορίας/κατάστασης. Υποστηρίζεται από το δημόσιο σύνολο δεδομένων caniuse-db (ανανεώνεται κάθε 12 ώρες); τα αποτελέσματα αναζήτησης υπολογίζονται ζωντανά. 7 τελικά σημεία. Κατασκευασμένο για εργαλεία δόμησης, αποφάσεις polyfill, πίνακες συμβατότητας, linters και τεκμηρίωση. Χωρίς upstream κλειδί.

api.oanor.com/caniuse-api

Ο κατάλογος Google Fonts ως API — 1.900+ οικογένειες γραμματοσειρών ανοιχτού κώδικα με όλα όσα χρειάζεστε για να επιλέξετε και να ενσωματώσετε μια γραμματοσειρά. Αναζητήστε μια οικογένεια (π.χ. Roboto → κατηγορία, διαθέσιμα βάρη, άξονες μεταβλητών γραμματοσειρών, υποσύνολα και ένα έτοιμο προς χρήση CSS embed URL). Αναζητήστε με όνομα, κατηγορία (Sans Serif, Serif, Display, Handwriting, Monospace), υποσύνολο, βάρος ή υποστήριξη μεταβλητών γραμματοσειρών. Κάθε εγγραφή φέρει τα βάρη/στυλ, μεταβλητούς άξονες (wght, wdth, …), γλωσσικά υποσύνολα, σχεδιαστές, κατάταξη δημοτικότητας και ένα Google Fonts CSS2 embed URL. Ιδανικό για εργαλεία σχεδίασης, κατασκευαστές ιστοσελίδων, επιλογείς γραμματοσειρών και συστήματα θεματοποίησης.

api.oanor.com/fonts-api