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 di C# ...
CSS
Bootlint, un aiuto durante lo sviluppo di pagine basate su Bootstrap
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 (fu ...
Bootstrap, pannelli con i colori standard di Word 2013
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 ...
Centrare Verticalmente
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 usare: .cen ...
Troncare una riga di testo con CSS
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 lettere con dei ...
Cambiare colore sfondo testo selezionato (highlight background)
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; } /* M ...