Non esiste un solo modo per risolvere le sfide relative alle interfacce. In questa serie, ci metteremo alla prova insieme a noi per trovare diversi modi per risolvere le sfide dell'interfaccia e ampliare la diversità delle nostre competenze.
Nella GUI Challenge di oggi, @AdamArgyleInk crea un'ampia gamma di colori con okLCH, controllando le coppie di colori accessibili lungo il...
Nella GUI Challenge di oggi, @AdamArgyleInk aggiunge un tocco #CSS al classico effetto di testo 3D di un film di fantascienza rendendolo interattivo per lo scorrimento. P...
Nella GUI Challenge di oggi, @AdamArgyleInk trasforma un gruppo di pulsanti di opzione in un gruppo di sensori che cambia l'allineamento del testo. Scopri come testare l'accessibi...
Nella GUI Challenge di oggi, @AdamArgyleInk crea un effetto glitch informatico con percorsi di clip e trasformazioni CSS.
Nella GUI Challenge di oggi, @AdamArgyleInk offre un po' di divertimento nella creazione di effetti UI per la fisica con proprietà CSS personalizzate, richiesta di frame dell'animazione e ...
Nella GUI Challenge di oggi, @AdamArgyleInk crea una pila animata di carte utilizzando l'origine della trasformazione, la griglia e :has().
Nell'odierna GUI Challenge, @AdamArgyleInk, codifica dal vivo le transizioni dei percorsi di clip CSS, dimostra alcuni effetti stravaganti e copre i trucchi del mestiere. Io...
Nella GUI Challenge di oggi, @AdamArgyleInk crea una descrizione comando con un elemento personalizzato (nessun componente web!), :has(), trasformazioni e suggerimento logico...
Nell'attuale GUI Challenge, @AdamArgyleInk ricrea un'illusione classica con CSS.
Nella GUI Challenge di oggi, @AdamArgyleInk condivide le caratteristiche e gli aspetti di un componente del carosello: temi adattivi, adatti a vari...
Nella GUI Challenge di oggi, @AdamArgyleInk crea un paio di pulsanti di azione mobili (FAB) e parla delle considerazioni su UX e CSS ...
Nella GUI Challenge di oggi, @AdamArgyleInk applica uno stile a tutti i diversi tipi di pulsanti del web con proprietà personalizzate e :where(), per chiaro/scuro...
Nella GUI Challenge di oggi, @AdamArgyleInk mostra come migliorare visivamente l'elemento di dialogo mantenendo un ottimo livello di accessibilità e...
Nella GUI Challenge di oggi, @AdamArgyleInk mostra come applicare uno stile all'elemento di progresso integrato e come implementare un'ottima UX dello screen reader, l...
Nella GUI Challenge di oggi, @AdamArgyleInk spiega come creare una favicon adattiva con SVG. Il formato SVG non si limita a...
Nella GUI Challenge di oggi, @AdamArgyleInk parla di come creare un componente per il cambio di tema. Spesso un sito web consente il passaggio...
Nella GUI Challenge di oggi, @AdamArgyleInk condivide il pensiero su un modo per creare toast, un componente non interattivo e passivo dell'interfaccia utente per dimostrare...
Nella GUI challenge di oggi, @AdamArgyleInk condivide il suo pensiero su un modo per creare un menu per videogiochi 3D che si adatti alle preferenze di colore del sistema operativo, ...
Nella sfida GUI di oggi, condivido il mio pensiero su un modo per consentire agli utenti di effettuare una selezione multipla. Per dimostrare la selezione multipla, ho preparato un filtro...
Nella sfida GUI di oggi, condivido il mio pensiero su un modo per risolvere i pulsanti divisi. Componente fondamentale per le interfacce condensate, permette di...
Nella sfida GUI di oggi, condivido il mio modo di pensare a come risolvere il passaggio. Un piccolo componente ricco di UX che si è rivelato uno dei più ...
Nella sfida GUI di oggi, stiamo creando un componente breadcrumb... con una modifica! Invece di un elenco lineare di link, questo comp...
Nella sfida GUI di oggi, stiamo creando combinazioni di colori scure, chiare e tenui con HSL. Il CSS funziona con i browser moderni, ...
Nella sfida GUI di oggi, @Adam Argyle condivide la riflessione su come creare esperienze di scorrimento in linea per il web che siano minime e resp...

Pensare a modi per risolvere SPLIT TEXT

Nella GUI challenge di oggi, @AdamArgyleInk risponderà ai tuoi commenti per i primi 30 minuti dopo il rilascio della puntata. Connetti...
Nella sfida GUI di oggi, creiamo e mostriamo una pagina di impostazioni dinamiche con dispositivi di scorrimento e caselle di controllo. La nostra pagina delle impostazioni è adattabile, assistenza...
Nella sfida GUI di oggi, stiamo costruendo un componente delle schede con alcune funzionalità davvero interessanti a cui potresti non avere pensato. Le nostre schede co...
Abbiamo chiesto alla community di creare un componente di navigazione laterale a modo tuo e tu ci sei riuscito! Controlla i contenuti inviati:
Nella sfida GUI di oggi, creiamo un'esperienza utente di navigazione laterale scorrevole e accessibile utilizzando CSS e JS. La barra di navigazione laterale funziona...
Abbiamo sottoposto a test 5 diverse tecniche di centratura CSS e ti abbiamo chiesto di inviarne una personalizzata. Grazie a Chris Coyier di CSS-Tricks ...
Mi hai visto costruire delle storie a modo mio e ho sfidato tutti voi a realizzarle a modo vostro. Grazie a @Geoffrich_ per il suo invio su Twitter. Cosa fare...
Nella sfida di oggi, eseguiremo lo stress test di 5 diverse tecniche di centraggio CSS. Scopri quali tecniche dovrebbero essere inserite nel tuo strumento...
Benvenuto a GUI Challenges, dove creo interfacce a modo mio e ti sfido a farlo a modo tuo. Con la nostra mente creativa unita, c...