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 nel nostro 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 flex-slider) con una larghezza variabile 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 caricata e quindi non ne si conosce l’altezza. Per ovviare questo problema possiamo ricorrere ad […]