Tag: web design
Twitter Bootstrap 3
Era già nell'aria da diverso tempo e finalmente è diventata una notizia ufficiale. Gli sviluppatori del framework grafico originariamente uscito da twitter stavano lavorando...
Accessibilità sul web: colori e contrasto
Il colore è una caratteristica importante che definisce buona parte dell'aspetto grafico di una pagina web. Siamo quotidianamente abituati a navigare siti con diversi...
5 tool per test browser compatibility
Sappiamo benissimo quanta fatica facciamo per far sì che ogni sito web sia compatibile su tutti i dispositivi e browser in circolazione. Per agevolare...
Webflow CSS Playground: web App per realizzare siti web responsive
Il tool che segnalo oggi è utile per generare in maniera semplice ed intuitiva elementi di design responsive attraverso un'interfaccia visuale. La doppia utilità...
Media Queries: le risoluzioni per creare un sito web responsive
Qualche mese fa ho illustrato le potenzialità del responsive web design, oggi entrerò nel dettaglio illustrandovi una lista di risoluzioni valide per chi ha...
Internet Explorer 10: sviluppo e web design
Ci siamo da poco abituati alle features di IE9 che Microsoft ha ben pensato di lanciare Internet Explorer 10, un browser che per gli addetti ai lavori ha causato un sacco di "vittime".
Twitter bootstrap tutorial
Oggi recensisco un'interessante guida per chi ama lo sviluppo web moderno e innovativo. Twitter bootstrap è un "framework" grafico rilasciato dal team di sviluppo di Twitter diversi mesi fa. Oggi permette di sviluppare pagine web i quali layout grazie all'integrazione del Grid System rasentano la precisione millimetrica.
Realizzare siti accessibili con la legge Stanca nell’era del web 2.0
Parlando di accessibilità sento spesso pronunciare concetti astratti e generici. Oggi proverò a parlarne più nel dettaglio attraverso una presentazione cercando di capire tecnicamente come realizzare un sito web conforme agli standard web e alla legge Stanca nell'era del web 2.0.
Responsive design: come funziona?
Il primo articolo del 2012 vuole essere una sorta di introduzione ad una tecnica che sarà sempre più utilizzata, parlo del responsive design; E' una tecnica che sfrutta la capacità di una pagina web ad adattarsi in maniera logica a risoluzioni diverse. Tanto per farla breve, con un solo css, una sola pagina web posso sviluppare la stessa versione del mio sito web che differisce graficamente in base alla risoluzione adottata, in maniera veloce e compatibile con tutti i principali browser.
CSS3: utilizzare la proprietà “font-face”
Oggi introduco la proprietà @font-face per l'utilizzo di font non convenzionali all'interno di pagine web. Negli articoli precedenti parlavo di sifr e cufòn, due metodi alternativi per operare con la stessa efficacia grafica la conversione di caratteri personalizzati. Chi utilizza font-face e ogni proprietà CSS3 cosi come HTML5 deve effettuare tutte le ipotesi e riflessioni del caso poiché entrambi saranno standardizzati ufficialmente dal World Wide Web Consortium non prima del 2014.
LESS CSS: meno righe, più veloce!
Oggi vi segnalo una risorsa davvero utile per chi è alle prese con progetti web abbastanza corposi che richiedono fogli di stile lunghi decine di metri: LESS CSS è una risorsa che, sostituita al foglio di stile permette di assegnare costanti su proprietà che all'interno di un normale css si ripeterebbero all'infinito.