Archivi categoria: CSS

Internet Explorer 8 supporta parzialmente il box-sizing nelle tabelle

Non molto¬†tempo fa,¬†nel periodo oscuro in¬†cui i¬†browser erano sprovvisti di developer tools nativi,¬†ed Internet Explorer 6 dominava indisturbato il panorama del web imponendo dolore¬†e sofferenza a tutti gli sviluppatori Front End del mondo, la propriet√† fondamentale dei CSS ovvero il¬†box model, la formula che determina lo¬†sviluppo delle grandezze in larghezza e altezza degli elementi sulla … Continua la lettura di Internet Explorer 8 supporta parzialmente il box-sizing nelle tabelle

browser strangeness aka la miniera d’oro degli hack CSS

Questa pagina inestimabile, che elenca ogni tipologia di hack CSS per ogni tipo di combinazione di browser immaginabile, e che mostra anche quali vengono applicati dal browser con cui si sta visitando la pagina, creata da Jeff Clayton, è un bookmark obbligatorio ed una risorsa di riferimento quando serve un hack CSS, punto.

http://browserstrangeness.bitbucket.io/css_hacks.html

CSS table, WebKit, Blink e il pixel mancante a larghezza 100%

Dice il saggio: Se non hai mai provato a centrare verticalmente un testo, non sai nulla di CSS Le CSS table¬†sono lo strumento principale che i¬†browser, da IE8 compreso in su, ci mettono a disposizione per effettuare operazioni¬†tipografiche fondamentali come centrare verticalmente un testo all’interno di un contenitore, senza sapere ne l’altezza del contenitore ne … Continua la lettura di CSS table, WebKit, Blink e il pixel mancante a larghezza 100%

UX per ditoni, aumentare l’area tappabile delle checkbox

Le checkbox sono un elemento fondamentale nei web form, spesso associate al passaggio di accettazione dei termini & condizioni di un servizio, costituendo quindi un elemento¬†obbligatorio per il perfezionamento di una registrazione o di un acquisto. L’elemento HTML¬† appartenendo alla famiglia degli elementi ha il vantaggio/svantaggio di essere stilizzato¬†e gestito diversamente a seconda del sistema … Continua la lettura di UX per ditoni, aumentare l’area tappabile delle checkbox

Otto aspetti da curare per un sito mobile su Windows Phone 8

Sviluppare per il web mobile finora √® stato come esplorare una piccola isola felice, certo con pericoli nascosti a causa della elevata frammentazione su Android, ma da quando i sistemi del robottino e della mela si sono prepotentemente imposti sul mercato, con i loro browser predefiniti basati su WebKit, abbiamo avuto un momento di respiro. … Continua la lettura di Otto aspetti da curare per un sito mobile su Windows Phone 8

CSS table, struttura base per il layout di una tipica app mobile

Sono serviti diversi anni per far abbandonare agli sviluppatori web le tabelle come strumento di creazione dei layout in favore di elementi semanticamente pi√Ļ rilevanti combinati con il CSS,¬†ma il brutto effetto collaterale che ha avuto la campagna di sensibilizzazione verso la costruzione di layout¬†flessibili con i fogli di stile √® stata la completa demonizzazione … Continua la lettura di CSS table, struttura base per il layout di una tipica app mobile

Spazio fantasma di 4px con CSS display inline-block

So perch√© sei qui, ci sono passato anche io. Come me hai creato un box contenitore ad altezza dinamica percentuale, 100%, e al suo interno hai voluto piazzare delle colonne, e in quanto tali vuoi che risiedano l’una affianco all’altra, e che occupino a loro volta tutta l’altezza del proprio contenitore padre, 100% anche loro. … Continua la lettura di Spazio fantasma di 4px con CSS display inline-block