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