Archivi categoria: CSS

CSS

Assoluto ma non vuoto, rendering bug CSS in Android legacy e come fixarlo

21/01/2018 Simone Rescio Lascia un commento

Cosa significa “Absolute” Iniziamo con una premessa sul termine principale di quest’argomento, dato che come molte cose in ambito CSS i nomi possono essere ambigui in vari modi. Prima cosa position: absolute; non significa “assoluto” come lo si intende nel linguaggio naturale, ovvero non accade che un elemento con questa proprietà cessa di essere vincolata a qualsiasi … Continua la lettura di Assoluto ma non vuoto, rendering bug CSS in Android legacy e come fixarlo →

CSS

Internet Explorer 8 supporta parzialmente il box-sizing nelle tabelle

07/05/2017 Simone Rescio Lascia un commento

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 →

CSS

browser strangeness aka la miniera d’oro degli hack CSS

Link 23/09/2016 Simone Rescio Lascia un commento

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

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

14/01/2015 Simone Rescio 1 commento

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% →

CSS

UX per ditoni, aumentare l’area tappabile delle checkbox

08/11/2014 Simone Rescio 1 commento

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 <input type=”checkbox”> appartenendo alla famiglia degli elementi form ha il vantaggio/svantaggio di essere stilizzato e gestito diversamente a seconda … Continua la lettura di UX per ditoni, aumentare l’area tappabile delle checkbox →

CSS, JavaScript

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

22/09/2014 Simone Rescio Lascia un commento

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

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

18/06/2014 Simone Rescio 2 commenti

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 →

CSS

Spazio fantasma di 4px con CSS display inline-block

07/05/2014 Simone Rescio Lascia un commento

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 →