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 […]