CSS3 consente di controllare in modo molto preciso lo sfondo degli elementi della pagina.Tra le nuove proprietà introdotte troviamo background-clip che consente di specificare quale sarà l'area interessata dallo sfondo. I valori disponibili sono: border-box: lo sfondo verrà ...

Con CSS 3 è possibile dare un ulteriore tocco di personalità ad una pagina web, impostando un font personalizzato, che ricalchi l'identità del sito web, evitando di utilizzare immagini o plug-in per gestire la visualizzazione di un nuovo carattere.Originariamente, con le ...

Con la comparsa dei primi dispositivi mobile con display ad alta risoluzione (es. Retina display di Apple) e successivamente di alcuni modelli di laptop, le immagini visualizzate da un sito web, se non adeguatamente gestite, appaiono evidentemente con una definizione inferiore ...

I device che visualizzano un sito possono essere di diverse dimensioni passando da uno smartphone a 7 pollici a un televisore da 50 pollici. Avere un'immagine di background diversa per ogni possibile dimensione dello schermo è una soluzione efficace, ma poco manutenibile in virtù...

Con l'introduzione di CSS3 abbiamo la possibilità di creare transizioni per dare un'animazione agli oggetti in maniera nativa e quindi senza utilizzare framework di terze parti. Grazie a questa caratteristica possiamo decidere quali proprietà di un oggetto animare e quanto tempo ...

Le specifiche appartenenti alla famiglia denominata CSS3 Transforms consente di applicare alcune trasformazioni agli elementi HTML, come rotazione, scale, traslazioni.L'importanza di queste specifiche risiede nel fatto che non richiedono l'utilizzo di JavaScript e vengono fatte ...

Nello script #101 abbiamo dato un'occhiata alle trasformazioni fatte attraverso CSS3. Come detto, queste vengono fatte in maniera nativa dal browser, sfruttando l'hardware del computer.Dopo aver analizzato la rotazione, oggi daremo un'occhiata allo scale: è la capacità di scalare...

Negli script #101 e #103 abbiamo analizzato le trasformazioni CSS3 relative a rotazione e scale.In questo script vedremo come applicare la traslazione, che ci consente di spostare l'origine di un elemento, date le opportune coordinate.transform { -ms-transform: translate(20px, ...

Spesso si rende necessario dover includere tabelle all'interno delle nostre pagine web per mostrare, ad esempio, un elenco di dati formattati in modo che siano facilmente consultabili.L'effetto tipico delle tabelle, quando visualizzate con mobile device, è tutt'altro che ottimale...

Nello script #86 abbiamo visto come gestire le proprietà calcolate utilizzando LESS. Questo va bene in scenari dove la dimensione è comunque prefissata, mentre spesso, per ragioni di layout, è necessario procedere con un calcolo che dipenda da un valore che si conosce solo a ...