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

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