Non c'è niente di più semplice e veloce di compilare il sorgente bootstrap sass dentro un progetto ASP.NET di Visual Studio! Come prima cosa installatevi questa estensione gratuita di Visual Studio: https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebCompiler Se vi state chiedendo chi è Mads Kristensen, sappiate che è l'uomo dietro alle ultime versioni ...

Oggi condividiamo con voi un metodo rapido e molto semplice per aiutarvi nella creazione di pagine web basate sul famoso framework html/css/javascript bootstrap. Per verificare che il markup che avete costruito sia corretto rispetto ai requisiti dei componenti di bootstrap vi basta aprire Chrome, gli strumenti per sviluppatori e incollare nella console il seguente codice  ...

Per cominciare un sito web o una applicazione web bootstrap è sempre un buon inizio per la grafica. Spesso ci troviamo nella situazione di dover scegliere i colori dei pannelli (ci riferiamo proprio al componente "panel" di bootstrap), quelli offerti di default sono sicuramente colori piacevoli e facilmente utilizzabili però anche utilizzando un template spesso la scelta è limi ...

Un problema che si presenta spesso nello sviluppo di layout web, è quello di centrare verticalmente un certo elemento. Nel caso di un elemento caratterizzato da una sola riga di testo, la soluzione è semplice: .centerVertically { height: 100px; line-height: 100px; vertical-align: middle; } Oppure, impostando position: relative; sul parent dell'elemento, possiamo usa ...

Capita spesso di voler troncare una riga di testo per mantenere il layout consistente con diverse risoluzioni dello schermo. Una soluzione semplice ed efficace è quella di usare questa classe:   .truncate { width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }  Taglierà la riga al raggiungimento del "width" e sostituirà le ultime lette ...

Un effetto carino poco sfruttato è quello di cambiare il colore di sfondo del testo selezionato nelle pagine web. Per ottenere il suddetto risultato basta aggiungere le seguenti informazioni nel foglio di stile: ::selection { background: #ffaa11; color: #000; } /* Safari 3.1+, Opera 9.5+, Chrome 2+, Explorer 10+ */ ::-moz-selection { background: #ffaa11; color: #000; } ...