Fast Text Format Tools
La collezione definitiva di utilità ultraveloci per formattare, convertire e semplificare il tuo flusso di lavoro.
Preferiti
Usati di recente
Aggiunti di recente
Testo e Confronto
Convertitori
Converti istantaneamente casi di stringhe, codifica URL e decodifica Base64.
Codificatore / Decodificatore
Codifica e decodifica vari formati come URL, Base64 ed entità HTML.
Ordinatore di Liste e Deduplicatore
Ordina all'istante array di testo in ordine alfabetico, numerico o per lunghezza ed elimina le righe duplicate.
Sostituzione Regex
Esegui espressioni regolari, visualizza le corrispondenze in tempo reale e usa i cheat sheet.
Confronto Testo
Confronta due blocchi di testo fianco a fianco per evidenziare le differenze.
Statistiche Testo
Conta parole, caratteri, frasi, stima il tempo di lettura e controlla la densità delle parole chiave.
Traduttore
Traduci istantaneamente testi tra decine di lingue.
Codice e Formattazione
Da Base64 a file
Decodifica stringhe Base64 o Data URI in file scaricabili (immagini, PDF, documenti, audio) con anteprima immediata.
Abbellitore Codice
Formatta, convalida e minifica il tuo codice JSON, JavaScript, CSS e HTML in una sintassi pulita e leggibile.
Formato CSS
Formatta, abbellisci, convalida e minimizza il codice CSS con rientro personalizzato.
Generatori visivi CSS
Genera ed esporta visivamente codice CSS per ombre, gradienti, Flexbox e layout Grid.
CSV in JSON/SQL
Converti dati CSV in array JSON o istruzioni SQL INSERT.
cURL in Fetch
Converti facilmente i comandi cURL in codice API Fetch JavaScript.
HTML / XML
Abbellisce, minifica e ripulisce il codice disordinato istantaneamente.
HTML in JSX
Strumento lato client per trasformare tag/attributi HTML in JSX compatibile con React.
Da HTML a Tailwind CSS
Converti stili inline standard e dichiarazioni CSS in classi di utilità Tailwind CSS con anteprima live.
Offuscatore JS
Trasforma il codice JavaScript leggibile in codice offuscato e minimizzato per proteggere la logica.
JSON in Codice
Converti oggetti JSON in modelli tipizzati per vari linguaggi.
Visualizzatore ad Albero JSON
Ispeziona, espandi, comprimi, cerca e filtra payload JSON complessi con ispezione dei percorsi.
Markdown
Scrivi markdown non elaborato con un'anteprima HTML dal vivo.
Visualizzatore Source Map
Strumento lato client per caricare file .map e de-minificare stack trace.
Formattatore SQL
Abbellisci e formatta query SQL disordinate.
Escape & Desescape di Stringhe
Esegui l'escape (e il desescape) in sicurezza di virgolette, barre rovesciate e interruzioni di riga per JSON, SQL, HTML e Java/C#.
Ottimizzatore SVG
Pulisce il codice SVG grezzo.
SVG in PNG/WEBP
Strumento lato client su canvas per rasterizzare codice o file SVG in immagini scaricabili.
Utilità XML
Formatta e minimizza le stringhe XML.
YAML <-> JSON
Converti istantaneamente tra YAML e JSON.
Dati e Crittografia
Hash Bcrypt
Genera e verifica password Bcrypt localmente.
Tempo Epoch
Converti i timestamp in date leggibili.
Generatore Hash
Calcola gli hash crittografici MD5, SHA-1, SHA-256 e SHA-512.
Decodificatore JWT
Analizza in modo sicuro i token Web JSON in dati Header e Payload formattati.
Generatore HMAC
Calcola e verifica firme crittografiche HMAC utilizzando SHA-256, SHA-512, MD5 e chiavi segrete.
Generatori e Utilità
Arte ASCII
Genera grandi banner di testo ASCII.
Generatore di Codici a Barre
Strumento lato client su canvas per generare codici a barre lineari (UPC, EAN, Code39) da testo.
Calcolatore CHMOD
Calcola facilmente i permessi dei file Linux.
Contrasto
Controlla l'accessibilità del contrasto dei colori WCAG.
Formato colore
Converti istantaneamente i codici colore HEX, RGB e HSL.
Decodificatore Cron
Traduci le pianificazioni cron in testo leggibile dall'uomo.
Generatore di Favicon
Converti immagini standard in file .ico universalmente compatibili e genera dimensioni standard per app web.
Immagine Base64
Converti file immagine in stringhe Data URI Base64 e proprietà CSS background-image.
Compressore di immagini
Comprimi e ottimizza immagini JPEG, PNG, WEBP e AVIF localmente nel browser.
Generatore di tabelle di ribasso
Un editor di griglie visive che consente agli utenti di aggiungere facilmente righe/colonne e di produrre istantaneamente la sintassi della tabella Markdown perfettamente formattata.
Generatore di Meta Tag e Open Graph
Genera e visualizza in anteprima i meta tag SEO, Twitter Card e tag Facebook Open Graph.
Generatore di dati fittizi
Genera centinaia di righe di dati di test falsi (nomi, e-mail, indirizzi, date, carte di credito) ed esportali come istruzioni CSV, JSON o SQL INSERT per il test del database.
Gen. Password
Crea password forti e sicure utilizzando algoritmi crittografici.
Strumenti PDF
Unisci, dividi, estrai, ruota e riordina le pagine PDF al 100% in locale nel browser.
Testo Segnaposto
Crea testo segnaposto casuale per i prototipi dell'interfaccia utente.
Codice QR
Crea codici QR scalabili e scansionabili da testo o URL.
Tester e generatore di regex
Testa le espressioni regolari con l'evidenziazione dei gruppi di corrispondenza e acquisizione in tempo reale, la suddivisione della spiegazione della sintassi e le modalità di test multi-stringa.
Generatore di Robots.txt
Crea regole robots.txt valide, direttive di scansione e blocca gli scraper IA.
UUID / GUID
Genera istantaneamente identificatori univoci universali (v4).
Generatore di Sitemap XML
Crea sitemap XML valide con URL personalizzati, frequenze di modifica e priorità per i motori di ricerca.
Finanza e Unità
Conv. Valuta
Calcola i tassi di cambio globali in tempo reale.
Conv. Unità
Converti istantaneamente lunghezza, peso, temperatura e archiviazione dei dati.
Rete
Ricerca DNS
Controlla i record DNS in tempo reale.
Visualizzatore Intestazioni HTTP
Visualizza le intestazioni delle richieste HTTP inviate dal tuo browser.
Test di Velocità
Testa la tua velocità di download e upload.
Ricerca IP
Cerca indirizzi IP e dati di geolocalizzazione.
Ricerca Fornitore MAC
Identifica i fornitori di hardware dagli indirizzi MAC.
Ricerca RDAP
Cerca dati di registrazione di domini e IP, registrar, nameserver e stato DNSSEC tramite RDAP.
Tracciamento reindirizzamenti e link
Smaschera gli URL abbreviati e traccia intere catene di reindirizzamento HTTP 301/302 fino alla destinazione finale.
Ispettore Certificati SSL
Ispeziona certificati SSL/TLS live, catene di emittenti, conto alla rovescia di scadenza, domini SAN e fingerprint per qualsiasi dominio.
Calcolatore di Sottorete
Calcola maschere di rete CIDR e intervalli IP.
Analizzatore URL
Estrai e costruisci stringhe di query URL facilmente.
Parser User-Agent
Estrai informazioni su sistema operativo e browser da stringhe User-Agent.
Tester Webhook
Invia, testa ed esegui il debug dell'invio di webhook con intestazioni personalizzate, firme HMAC e ispezione delle risposte in tempo reale.
Generatori visivi CSS
Genera ed esporta visivamente codice CSS per ombre, gradienti, Flexbox e layout Grid.
box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.25);background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);Click any item in the preview to select and inspect its properties.
.flex-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 16px;
}Come usare
Seleziona una modalità generatore (Ombra, Gradiente, Flexbox o Grid). Personalizza i parametri con cursori e copia il codice CSS generato.
Domande frequenti
Come funziona CSS Box Shadow e cosa significa ciascun parametro?
La proprietà CSS box-shadow associa una o più ombre esterne al frame di un elemento. I parametri specificano l'offset orizzontale (X), l'offset verticale (Y), il raggio di sfocatura (quanto appare morbido o diffuso il bordo dell'ombra), il raggio di diffusione (quanto l'ombra si espande o si restringe), il colore dell'ombra (tipicamente rgba semitrasparente) e una parola chiave opzionale 'inset' per rendere l'ombra all'interno del contenitore.
Perché dovresti utilizzare più livelli di box-shadow per ombre dell'interfaccia utente realistiche?
Le ombre del mondo reale sono costituite sia dalla luce ambientale ambientale che dalla luce direzionale diretta. Sovrapponendo un'ombra stretta e leggermente più scura con un'ombra ampia, morbida e a bassa opacità si creano elevazione e profondità naturali senza sembrare confuse o artificiali.
Qual è la differenza tra gradienti lineari e radiali nei CSS?
I gradienti lineari fanno passare i colori lungo un asse direzionale rettilineo definito da gradi o parole chiave (ad esempio, 135 gradi o "in basso a destra"). I gradienti radiali emergono verso l'esterno da un singolo punto di origine in uno schema circolare o ellittico, creando riflettori o transizioni di colore sferiche.
Quando dovresti utilizzare CSS Flexbox rispetto a CSS Grid?
Flexbox è un sistema di layout unidimensionale ideale per organizzare elementi in una singola riga o colonna (come barre di navigazione, gruppi di pulsanti e allineamenti di barre degli strumenti). CSS Grid è un sistema di layout bidimensionale progettato per strutture di pagine Web complesse, layout di dashboard a più colonne e allineamenti rigorosi della griglia.
Qual è la differenza tra giustifica contenuto e allinea elementi in Flexbox?
giustifica-contenuto controlla la distribuzione degli elementi flessibili lungo l'asse principale (orizzontale quando la direzione flessibile è riga; verticale quando colonna). align-items controlla il posizionamento degli elementi lungo l'asse trasversale (perpendicolare all'asse principale).
In che modo Repeat(auto-fit, minmax(...)) crea griglie reattive senza query multimediali?
La parola chiave auto-fit indica al contenitore della griglia di adattare il maggior numero possibile di colonne in base alla larghezza corrente del contenitore. La funzione minmax(200px, 1fr) garantisce che ogni colonna non si riduca mai al di sotto di 200px, ma si espanda proporzionalmente per occupare lo spazio disponibile rimanente.
Qual è la proprietà gap nei moderni layout CSS?
La proprietà Gap definisce una spaziatura coerente tra righe e colonne sia nei layout Flexbox che Grid. Sostituisce gli hack dei margini obsoleti e i margini negativi e non aggiunge spaziatura sul perimetro esterno del contenitore.
Gli stili CSS generati sono compatibili con tutti i browser Web moderni?
SÌ. I moderni CSS box-shadow, i gradienti lineari/radiali, Flexbox e CSS Grid hanno il supporto universale su Chrome, Firefox, Safari, Edge, iOS Safari e i browser Android senza richiedere prefissi di fornitori legacy come -webkit- o -moz-.
In che modo flex-grow e flex-shrink determinano il dimensionamento dell'articolo?
flex-grow specifica quanto spazio positivo rimanente del contenitore un oggetto dovrebbe assorbire rispetto ai suoi fratelli. flex-shrink determina la velocità con cui un articolo si comprime quando lo spazio del contenitore è insufficiente.
Posso utilizzare il CSS esportato nei progetti React, Vue, Svelte o Tailwind?
SÌ. Le regole CSS esportate possono essere incollate direttamente in file CSS standard, moduli CSS, componenti con stile o tradotte in classi di utilità Tailwind arbitrarie (ad esempio shadow-[...], bg-[linear-gradient(...)]).
Nessun risultato trovato
Prova a modificare i termini di ricerca.