UIKit: Come validare il test W3C

Questo articolo vuole riportare una semplice correzione da utilizzare sempre. Utilizzando la libreria UIKit si producono dei tag html come il seguente: In questo modo però validando il tuo codice HTML sul sito W3C verrà prodotto un errore. Per poterlo passare è sufficiente aggiungere il prefisso data- al nostro elemento: R’n’R!

WebPack: Guida all’installazione per compilare SASS

Webpack è un “module bundler” per JavaScript che permette a partire da un’insieme di file sorgenti di creare un pacchetto di assets utilizzabile direttamente nel browser. Questo può servire per eseguire file in formato SASS oppure TypeScript al interno del nostro progetto ma anche per caricare immagini e font in modo più snello. In questo […]

Da PNG a Base64 per usarlo come background-image

Una delle operazioni più comuni per ottimizzare il peso delle nostre pagine web è quella di convertire in Base64 piccole immagini usate per esempio come icone o loghi nel nostro sito direttamente dentro al background-image del nostro codice CSS. Per fare questo in questo esempio partiremo da un file PNG. Per prima cosa dobbiamo esportare […]

Slider: Regola CSS per impostare l’altezza al caricamento

Quando si sviluppa uno slider (ad esempio utilizzando un plugin come FlexSlider o Swiper) con una larghezza variabile (ovvero sia full-width che dentro ad un div container) può capitare che durante il caricamento vediamo il contenuto subito sotto allo slider nella posizione che dovrebbe occupare quest’ultimo. Succede perché la prima immagine non è stata ancora […]