Articoli
Guide pratiche su CSS, colore e design per developer e designer.
Come Costruire una Brand Color Palette Coerente da Zero
Guida passo-passo per scegliere il colore primario del brand, generare armonie cromatiche, verificare il contrasto WCAG ed esportare variabili CSS.
RAL vs Pantone vs HEX: quale sistema di colore usare e quando
Un confronto completo e onesto tra i sistemi di colore RAL, Pantone e HEX. Basi tecniche, casi d'uso e come scegliere quello giusto per il tuo progetto.
Guida completa alle ombre CSS: box-shadow, drop-shadow e text-shadow spiegati
Padroneggia le tre tecniche di ombra CSS. Scopri differenze, parametri, pattern reali e consigli sulle performance con esempi live.
CSS Glassmorphism nel 2025: il modo corretto di implementarlo
Come implementare il glassmorphism nel 2025: backdrop-filter, contrasto WCAG, performance su mobile, fallback progressivo. La guida aggiornata con le best practice reali.
px, rem, em, vh: Quando usare ogni unità CSS
Guida pratica alle unità CSS: quando usare px, rem, em, vh e vw. Con spiegazione sull'accessibilità e tabella di conversione rapida.
Come estrarre una palette colori da qualsiasi immagine (e usarla nel tuo design)
Contagocce vs. estrazione automatica, colori dominanti vs. colori rappresentativi e un workflow pratico per trasformare foto e mood board in un sistema di design usabile.
SVG vs PNG vs WebP: la guida definitiva per web designer nel 2025
Il confronto onesto tra SVG, PNG e WebP per ogni caso d'uso: logo, icone, fotografia, illustrazioni, favicon ed email. Include quando SVG vince nonostante le dimensioni maggiori e quando WebP rende PNG obsoleto.
CSS Gradient: la guida completa da linear a conic
Padroneggia tutti e tre i tipi di gradient CSS — linear, radial e conic — con color stop avanzati, angoli, hint e pattern reali come sfondi striati, testo con gradient e mesh gradient.
HEX in RGB: La guida completa alla conversione
Scopri come convertire i codici colore HEX in valori RGB manualmente e con strumenti. Comprendi la matematica, i casi d'uso pratici e quando usare ogni formato in CSS.
Generatore di Palette Colori: Come creare schemi cromatici armonici
Scopri come generare palette colori professionali usando la teoria del colore. Impara gli schemi complementari, analoghi, triadici e come applicarli nel design UI.
PX in REM: La guida dello sviluppatore alla tipografia scalabile
Padroneggia la conversione delle unità CSS da px a rem. Scopri perché le unità rem migliorano l'accessibilità e le migliori pratiche per la tipografia responsive.
Contrasto Colore: Linee guida WCAG per il design accessibile
Scopri come verificare e correggere i rapporti di contrasto dei colori per la conformità WCAG 2.1 AA/AAA.
Generatore CSS Gradient: Guida completa ai gradienti lineari e radiali
Padroneggia i gradienti CSS: lineari, radiali e conici. Impara la sintassi, i color stop, gli angoli e le tecniche creative.
HEX in RAL: Convertire i colori digitali agli standard industriali
Scopri come convertire i colori HEX in codici RAL per stampa, verniciatura e produzione. Comprendi l'accuratezza Delta-E.
Generatore Favicon: Guida completa alle icone browser
Crea favicon perfette per tutti i browser e dispositivi. Impara le dimensioni richieste, i formati e i tag HTML.
Tinte e Sfumature: Costruire scale di colore per i design system
Scopri come generare tinte e sfumature da un colore base per costruire scale di colori per design system professionali.
Calcolatore Aspect Ratio: Capire i rapporti larghezza-altezza
Padroneggia i rapporti di aspetto per video, immagini e design responsive. Impara i rapporti 16:9, 4:3, 1:1.
Guida all'Abbinamento Font: Come combinare i caratteri tipografici
Impara i principi dell'abbinamento font: contrasto, gerarchia e leggibilità. Scopri combinazioni classiche e coppie Google Fonts.
CSS Box Shadow: Guida completa con esempi
Padroneggia CSS box-shadow: sintassi, ombre multiple, ombre interne ed effetti creativi. Impara i sistemi di elevazione.
CSS Border Radius: Forme, blob e angoli creativi
Esplora CSS border-radius dai semplici angoli arrotondati alle forme blob complesse. Impara la sintassi a 8 valori.
Glassmorphism CSS: Come creare UI con effetto vetro
Scopri come implementare il glassmorphism in CSS: backdrop-filter, sfocatura, trasparenza e trucchi per i bordi.
CSS Text Shadow: Effetti, neon e trucchi tipografici
Padroneggia CSS text-shadow: sintassi, ombre multiple, bagliore al neon, effetti in rilievo.
Neumorphism CSS: La tecnica del Soft UI spiegata
Comprendi e implementa il neumorphism in CSS usando doppi box-shadow. Impara i requisiti colore e i problemi di accessibilità.
SVG in PNG: Quando e come convertire vettoriale in raster
Scopri quando usare SVG vs PNG, come convertire tra di essi e le implicazioni per qualità, dimensione file e performance.
Immagine in Base64: Codificare le immagini per CSS e HTML
Comprendi la codifica Base64 per le immagini: come funziona, quando usarla in CSS data URI e HTML, compromessi di dimensione.
Lorem Ipsum: Storia e utilizzo nel web design moderno
Esplora le origini del testo segnaposto Lorem Ipsum, perché i designer lo usano e le alternative per un prototipaggio realistico.
Codifica Base64: Cos'è e quando usarla
Approfondimento sulla codifica Base64: l'algoritmo, il set di caratteri, il padding, i casi d'uso nello sviluppo web.
JSON Formatter: Validare, formattare e comprendere il JSON
Impara la sintassi JSON, gli errori di validazione comuni, le best practice di formattazione e come usare JSON nelle API.
Unix Timestamp: Comprendere e convertire il tempo Epoch
Comprendi i timestamp Unix, il tempo Epoch e come convertire tra timestamp e date leggibili. Conoscenza essenziale per lo sviluppo di API.
Convertitore di Unità: Lunghezza, peso, temperatura e altro
Padroneggia le conversioni di unità per uso quotidiano e scientifico: metrico vs imperiale, formule di temperatura.
CSS Filter: Blur, luminosità ed effetti immagine spiegati
Padroneggia le funzioni CSS filter: blur, brightness, contrast, grayscale, hue-rotate, saturate e altro.
Daltonismo nel Design UI: Scelte di colore accessibili
Progetta tenendo conto del daltonismo: comprendi deuteranopia, protanopia, tritanopia e come testare la tua UI.
La psicologia del colore nel design UI: cosa dice davvero la ricerca
La maggior parte degli articoli sulla psicologia del colore ripete le stesse generalizzazioni. Questo cita studi reali — rosso e urgenza, blu e fiducia, verde e azione — con applicazioni pratiche per UI.