Categoria: CSS
-
background-image: Convertire un PNG in Base64
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 l’immagine…
-
Webpack: Installazione e compilazione file SASS
Webpack è un modulo per Node che permette a partire da un’insieme di file sorgenti di creare risorse utilizzabili direttamente nel browser. Questo può servire per eseguire files in formato SASS oppure TypeScript al interno del nostro progetto ma anche per caricare immagini e font in modo più ottimizzato. In questo breve articolo faremo un’introduzione…
-
Slider: Impostare altezza prima del caricamento
Una delle parti più frequentemente utilizzato nello sviluppo è lo slider, soprattutto nella homepage del nostro sito. Questo componente rende subito l’idea dei contenuti che andremo a trattare all’interno del sito. In questo articolo utilizzeremo come esempio uno dei plugin jQuery più conosciuto ovvero FlexSlider, ma questa regola si può applicare a tutti i componenti…
Andrea Benzi 