Iscriviti alle newsletter unoscript@lgiorno, ogni giorno uno script nuovo!
Gli ultimi script
Stiamo cercando, da un paio di uscite, di trovare dei metodi per migliorare le tempistiche di painting della pagina, cercando di prioritizzare il repaint rispetto al reflow.Questi meccanismi CSS si attivano quando uno stile viene applicato ad un elemento. Dunque, per arrivare all...
Nello script precedente abbiamo visto come, all'interno di una pagina web, la creazione di componenti a video sia soggetta a tre differenti fasi: Reflow, Repaint, Composition. Di cui la prima, il reflow, è molto impattante in termini di tempo e risorse per essere portata a ...
In questo breve ciclo di script proveremo a capire come il browser esegue il rendering delle pagine web e come evitare operazioni costose per migliorare le prestazioni. Perchè a volte i problemi di latenza o aggiornamento non sono sempre da imputare alla connessione internet.Ogni...
Negli script precedenti abbiamo trattato i Web components: degli elementi HTML personalizzati che permettono di inscatolare una determinata funzionalità per poterla riutilizzare a piacimento in altre pagine della stessa applicazione o in altri progetti. Dopo l'introduzione e la ...
Nello script precedente non siamo stati del tutto sinceri riguardo i Web Component e la gestione degli eventi. Quello che abbiamo creato, e che ripresentiamo qui di seguito// HTML var button = document.getElementById('myButton');button.addEventListener('click', () => { alert...
Creare un Web Component in HTML è un processo che consente di realizzare elementi personalizzati riutilizzabili, estendendo le funzionalità native del DOM. Questa tecnologia sfrutta un insieme di API moderne che includono custom elements, shadow DOM e template HTML. Offrono una ...
La tipografia nel web design ha sempre giocato un ruolo cruciale nella comunicazione visiva. Tuttavia, fino a pochi anni fa, i designer erano costretti a utilizzare diverse varianti statiche di un font (regular, bold, italic, ecc.). Con l'introduzione dei CSS variable font, la ...
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 ...
I più letti del mese
- Chiamare direttamente un numero di telefono con HTML5
di Matteo Casati, il 20 giugno 2012 alle 08:00 - Repaint, Reflow e Compositing: Come Funziona il Rendering nel Browser
di Morgan Pizzini, il 2 aprile alle 08:00 - Ridurre il reflow ottimizzando il CSS
di Morgan Pizzini, il 7 maggio alle 08:00 - Eseguire una chiamata AJAX per inviare dati al server in Angular 2
di Stefano Mostarda, il 15 giugno 2016 alle 08:00 - Serializzazione e deserializzazione JSON in JavaScript
di Matteo Casati, il 9 novembre 2011 alle 08:00 - Utilizzare la funzione attr dei CSS per modificare uno stile
di Stefano Mostarda, il 21 novembre 2018 alle 08:00 - Sfruttare le API di geolocalizzazione di JavaScript
di Stefano Mostarda, il 28 maggio 2014 alle 08:00 - Parallelizzare le chiamate HTTP con async/await e le Promise in JavaScript
di Morgan Pizzini, il 13 aprile 2022 alle 08:00 - Disabilitare un bottone in una pagina HTML pensando all'accessibilità
di Morgan Pizzini, il 23 giugno 2021 alle 08:00 - Creare un bottone arrotondato stile Windows 8 con HTML5 e CSS
di Stefano Mostarda, il 16 aprile 2014 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 - Creare un bottone arrotondato stile Windows 8 con HTML5 e CSS
di Stefano Mostarda, il 16 aprile 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 - Upload multiplo di file con HTML5
di Matteo Casati, il 4 aprile 2012 alle 08:00