Iscriviti alle newsletter unoscript@lgiorno, ogni giorno uno script nuovo!
Gli ultimi script
L'attributo accesskey è una funzionalità spesso trascurata dell'HTML, ma può migliorare notevolmente l'accessibilità e la velocità di navigazione all'interno di una pagina web. Nel dettaglio ci permette di impostare tasti di scelta rapida a elementi interattivi per accedere ...
La nidificazione (nesting) è una caratteristica che consente di scrivere CSS più leggibile e organizzato raggruppando gli stili in maniera gerarchica. Caratteristica fino ad ora disponibile solo tramite i preprocessori, come SCSS (Sass), ma di cui possiamo fare a meno grazie all?...
Il selettore :is() è una potente aggiunta al CSS perché progettata per semplificare la scrittura di gruppi di selettori complessi. Consente a noi sviluppatori di applicare stili a diversi elementi in un'unica definizione, in modo pulito e leggibile, evitando ripetizioni e ...
Una grossa limitazione nel CSS è l'imposibilità di applicare stili sulla base del contenuto o i sui discendenti. Con l'introduzione del selettore :has avviene un cambiamento radicale: gli sviluppatori possono applicare stili in base a condizioni che prima richiedevano workaround ...
Nei precedenti script abbiamo introdotto il funzionamento, la differenza e il caso d'uso di Container Queries e Media Queries. Ora andiamo a utilizzare un template HTML che, per finalità di demo, resterà elementare, ma ci consentirà di apprezzare ogni singola modifica che verrà ...
Nello script #421 abbiamo introdotto le Container Queries e il loro ruolo nel produrre un layout responsivo[.b] sulla base della dimensione di un contenitore rispetto alla viewport.Un ulteriore vantaggio che troviamo nell'applicazione delle container queries è la possibilità di ...
Le Container Queries rappresentano una delle più importanti innovazioni nel mondo del CSS, offrendo una soluzione efficace per creare layout responsivi che si adattano alle dimensioni di un contenitore piuttosto che a quelle dell'intera viewport, come invece accade con le media ...
Siamo quasi giunti alla fine di questa mini guida per rendere il nostro template CSS un po' più nostro. All'appello non dimentichiamo però il menù in cima alla pagina che, insieme al logo, è uno degli strumenti più importanti in un layout web dato che accompagnerà l'utente per ...
Come abbiamo già visto in script precedenti, le immagini sono da sempre elementi ostici da gestire. Per la nostra libreria ci affideremo alle classi fornite dal framework CSS prescelto ed andremo solo ad aggiungere una punta di interattività.Possiamo riutilizzare gli effetti di ...
Il problema principale nell'utilizzo delle card è la quantità di informazioni che possiamo inserire al loro interno: mai abbastanza.Se osserviamo i vari template disponibili troviamo sempre delle rappresentazioni in cui il titolo è spesso Questo è un titolo e descrizioni Questa è...
I più letti del mese
- Chiamare direttamente un numero di telefono con HTML5
di Matteo Casati, il 20 giugno 2012 alle 08:00 - Selettore CSS :has() e i suoi casi d'uso avanzati
di Morgan Pizzini, il 29 gennaio alle 08:00 - Combinare Container Queries e Media Queries
di Morgan Pizzini, il 22 gennaio alle 08:00 - Disabilitare un bottone in una pagina HTML pensando all'accessibilità
di Morgan Pizzini, il 23 giugno 2021 alle 08:00 - Utilizzare Container Queries nominali
di Morgan Pizzini, il 15 gennaio alle 08:00 - Scrivere selettori CSS più semplici ed efficienti con :is()
di Morgan Pizzini, il 5 febbraio alle 08:00 - Creare un bottone arrotondato stile Windows 8 con HTML5 e CSS
di Stefano Mostarda, il 16 aprile 2014 alle 08:00 - Utilizzare l nesting nativo dei CSS
di Morgan Pizzini, il 12 febbraio alle 08:00 - Centrare elementi in HTML tramite CSS
di Morgan Pizzini, il 26 ottobre 2022 alle 08:00 - Adattare i contenuti per il mobile con il meta-tag ViewPort e HTML5
di Andrea Colaci, il 12 dicembre 2012 alle 08:00
Gli script più popolari
- Chiamare direttamente un numero di telefono con HTML5
di Matteo Casati, il 20 giugno 2012 alle 08:00 - Operatori di confronto in JavaScript: == e ===
di Matteo Casati, il 16 maggio 2012 alle 08:00 - Tabelle responsive con HTML5 e CSS3
di Daniele Bochicchio, il 22 gennaio 2014 alle 08:00 - Effettuare richieste in Cross Origin Resource Sharing (CORS): JSONP e HTML5 a confronto
di Andrea Colaci, il 14 novembre 2012 alle 08:00 - Adattare i contenuti per il mobile con il meta-tag ViewPort e HTML5
di Andrea Colaci, il 12 dicembre 2012 alle 08:00 - Gestione delle finestre modali in HTML5 con Bootstrap
di Daniele Bochicchio, il 29 ottobre 2014 alle 08:00 - Immagini vettoriali in SVG con HTML5
di Cristian Civera, il 14 aprile 2011 alle 08:00 - Evidenziare le righe alternate di una tabella con CSS3
di Matteo Casati, il 15 aprile 2011 alle 08:00 - Creare un bottone arrotondato stile Windows 8 con HTML5 e CSS
di Stefano Mostarda, il 16 aprile 2014 alle 08:00 - Upload multiplo di file con HTML5
di Matteo Casati, il 4 aprile 2012 alle 08:00