Nello script #82 abbiamo vosto come creare uno stile (o mixin) e poi riutilizzarlo all'interno di altri stili. In quello script abbiamo utilizzato delle proprietà CSS statiche, ma con LESS possiamo creare anche mixin parametrici ovvero dove i valori delle proprietà CSS è deciso ...

Abbiamo già affrontato LESS in alcuni script precedenti e abbiamo visto come, di fatto, consenta di produrre file CSS contando sull'aiuto di scripting.Tre la caratteristiche interessanti di LESS c'è la possibilità di impostare stili annidati con maggior semplicità, che poi ...

Una delle caratteristiche che più di tutte rende LESS un motore di CSS veramente potente è la capacità di creare mixin. Un mixin è un contenitore di proprietà CSS preimpostate che possiamo riutilizzare nelle nostre classi CSS. Ad esempio, se vogliamo che intestazione e piè di ...

I CSS sono un meccanismo molto semplice per creare stili e riutilizzarli nell'applicazione web. Tuttavia, i CSS sono statici e non permettono quindi l'utilizzo di variabili, metodi e altri costrutti tipici dei linguaggi di programmazione. Ad esempio, non possiamo definire una ...

Una delle novità di CSS3 è il supporto per gli sfondi gradienti. Sebbene i gradient non siano più molto di moda nel web, esistono situazioni in cui possono tornare gradevoli e per questo motivo si è deciso di inserirne il supporto nativo. Qui sotto vediamo un esempio di utilizzo ...

Nello script #50 abbiamo visto come utilizzare le Fullscreen API di HTML5:http://www.html5italia.com/script/50/Visualizzare-Contenuti-Fullscreen-HTML5.aspxAl momento della pubblicazione dello script, IE non aveva ancora un supporto per questa feature, che è stata aggiunta nella ...

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 ...

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 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 ...

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 ...