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

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

Il posizionamento degli elementi all'interno della pagina può essere modificato per adattare un elemento alle nostre necessità.Di default il posizionamento che viene applicato è chiamato static e non applica particolari effetti: l'elemento sarà visualizzato dove è posizionato.....

Bootstrap è un framework CSS che mette a disposizione molte classi per stilizzare gli oggetti su una pagina e per strutturare la pagina stessa. Uno dei widget che sono facilmente creabili e stilizzabili con Bootstrap è il menu. Nel prossimo snippet vediamo come creare un menu con...

Abbiamo già parlato in passato di Bootstrap e di quanto faciliti la creazione di layout.L'esempio di oggi consiste nel creare la classica form, che tipicamente in passato veniva ricreata attraverso delle tabelle, utilizzando solo stili: Nome

Bootstrap mette a disposizione delle classi CSS per personalizzare le tabelle HTML. La classe principale da applicare al tag table è table. Questa classe contiene gli stili per renderizzare solo le linee orizzontali e assegnare un padding molto tra le celle. Se vogliamo ridurre...

Nello script precedente abbiamo visto come dare stile alle tabelle. Bootstrap supporta un insieme di regole aggiuntive che consentono di marcare in maniera specifica le righe di una tabella, ad esempio per segnalare che un dato elemento è errato.Le classi che supporta sono: ...

Bootstrap include, oltre ad una serie di direttive CSS, anche un insieme di funzionalità offerta attraverso JavaScript.In tal senso, le finestre modali rappresentano un interessante modo di convogliare informazioni senza uscire dalla pagina.Per poter creare una finestra modale ...

Costruendo siti con design responsive, sappiamo che una delle cose più difficili da realizzare è legato alla dimensione delle immagini.Bootstrap ci viene in aiuto utilizzando una classe chiamata img-responsive, che applicherà max-width:100% e height:auto all'immagine, ...