Sviluppo Web: quanto conta la risoluzione?
Lunedì 16 Aprile 2012 - 09:39
di Davide Aversa
Risale a pochi giorni fa l’annuncio da parte di Aodhan Cullen, CEO di StatCounter, che la risoluzione più utilizzata nel mondo è passata da 1024×768 a 1366×768. Un sorpasso delle “alte risoluzioni” definito storico dal sito poiché, stando alle stesse parole di Cullen, “la risoluzione dello schermo è un fattore critico per quanto riguardo il design di pagine web”.
Il commento, forse troppo ingenuo di Cullen, ha scatenato un putiferio fra gli sviluppatori. La prima cannonata è stata sparata da Jeffrey Zeldman, fondatore di Happy Cog, che ha dichiarato:
La risoluzione più popolare è tutte le risoluzioni. Se non pensi da subito alle piattaforme mobili, se non pianifichi un design adattivo, se ancora pensi che esista una dimensione standard che tutti usano non meriti di essere un web-designer.
Continua a leggere Sviluppo Web: quanto conta la risoluzione?
Categoria: Web Design | Permalink | Commenti (4)
Catturare l’attenzione sul Web con la tipografia
Mercoledì 14 Marzo 2012 - 12:32
di Kiko
Il testo è certamente il principale strumento col quale presentare i contenuti che vogliamo trasmettere. Di conseguenza l’attenzione verso la tipografia deve essere massima.
Di fatto basta guardarsi intorno per strada per capire quanto è importante curare gli elementi tipografici: insegne, cartelloni, volantini. Ognuno di questi potrebbe poi rappresentare fonte di ispirazione, assieme a giornali, riviste e siti web.
Continua a leggere Catturare l’attenzione sul Web con la tipografia
Categoria: Web Design | Permalink | Commenta
jQuery UI vs Kendo UI
Lunedì 12 Marzo 2012 - 10:13
di Maico Orazio
Meglio Kendo UI o jQuery UI? John Bristowe ha lanciato un nuovo sito chiamato jQuery UI vs Kendo UI, nella speranza di dare una risposta a questa domanda in modo più dettagliato di quello che potrebbe essere letto, visto, o sentito altrove.
Continua a leggere jQuery UI vs Kendo UI
Categoria: Scripting, Web Design | Permalink | Commenta
Twitter Bootstrap 2.0, il toolkit da designer per lo sviluppo Web
Martedì 14 Febbraio 2012 - 09:15
di Marco Pontili
Twitter ha rilasciato un corposo aggiornamento del suo famoso framework Bootstrap che è possibile vedere in azione sul sito ufficiale e scaricare direttamente da GitHub.
Leggendo un articolo su A List Apart in italiano che spiega il processo di creazione del framework, è chiaro come Twitter l’abbia vista lunga pubblicando e condividendo un progetto così completo.
Twitter Bootstrap consente di scrivere codice e portare a termine un progetto senza quasi preoccuparsi di web design. Tipografia, colori, pulsanti, dropdown, tabs, slider e altro ancora possiedono un CSS definitivo con stili e convenzioni esteticamente accettate e condivise da milioni di persone…gli utenti di Twitter!
Continua a leggere Twitter Bootstrap 2.0, il toolkit da designer per lo sviluppo Web
Categoria: CSS, Web Design | Permalink | Commenti (9)
Interfacce web con UIKit, piccola libreria JavaScript
Martedì 7 Febbraio 2012 - 09:32
di Kiko
Oggi i siti web necessitano di elementi sempre più vicini a quelli delle interfacce desktop. Difatti sono state sviluppate librerie JavaScript in grado di offrire allo sviluppatore tutta una serie di strumenti in funzione della User Interface. UIKit è uno di questi e si contraddistingue per la semplicità e la leggerezza.
Continua a leggere Interfacce web con UIKit, piccola libreria JavaScript
Categoria: Scripting, Web Design | Permalink | Commenti (2)
Responsive web design su tabelle di dati
Lunedì 16 Gennaio 2012 - 09:35
di Maico Orazio
Quando si tratta di Responsive Web Design, dobbiamo considerare con attenzione gli elementi di design e adattarli al particolare contesto, a seconda delle dimensioni dello schermo o dispositivo mobile corrente.
La progettazione reattiva non riguarda solo immagini e layout, ma anche menu di navigazione, video, moduli, dimensione dei caratteri, link e anche le tabelle. Infatti, avete mai pensato a come si dovrebbe adattare una complessa tabella multi-colonna in versione desktop per una comoda visualizzazione su un dispositivo mobile?
Continua a leggere Responsive web design su tabelle di dati
Categoria: Web Design | Permalink | Commenti (2)
Lazyload.js, caricamento immagini ottimizzato
Mercoledì 21 Dicembre 2011 - 09:22
di Kiko
Se siamo soliti utilizzare molte immagini nei nostri siti, in special modo siti contenenti tutorial e documentazione, allora può essere utile utilizzare Lazyload.js.
È un plugin per jQuery che provvede a caricare le immagini solo quando necessario e cioè quando entrano nel radar dello scrolling della pagina. In pratica il plugin evita di caricare tutte le immagini presenti già al loading della pagina, ma le attiva man mano che lo scrolling li pone dentro la schermata visualizzata sulla finestra.
Continua a leggere Lazyload.js, caricamento immagini ottimizzato
Categoria: Scripting, Web Design | Permalink | Commenti (4)
Craftyslide, uno slider di immagini leggero in jQuery
Lunedì 19 Dicembre 2011 - 10:09
di Kiko
Un plugin leggerissimo per una delle funzioni più usate nei siti web: lo slider di immagini. Craftyslide è realizzato in jQuery e il pregio principale è la leggerezza.
E anche la semplicità di implementazione visto che non sporca codice HTML. Serve soltanto un elemento div contenitore di una lista non numerata e dove ogni elemento della lista è una immagine con l’attributo title opportunamente impostato. Proprio il contenuto dell’attributo title diventa l’etichetta dell’immagine mostrata nello slider.
Continua a leggere Craftyslide, uno slider di immagini leggero in jQuery
Categoria: Scripting, Web Design | Permalink | Commenti (1)
Accessibilità del testo con jFontSize
Venerdì 16 Dicembre 2011 - 09:20
di Kiko
Uno dei criteri di accessibilità e usabilità dei siti Internet riguarda la possibilità di fruire in maniera pratica e comoda di un testo. Questo è particolarmente importante se il sito in questione è un magazine o un quotidiano o un sito d’informazione in generale. È ovviamente vero anche per i blog.
Uno degli strumenti più apprezzati in tal senso riguarda la possibilità di ingrandire o rimpicciolire il testo principale della pagina. Sono i classici pulsanti che recano una lettera A con i simboli di più (+) o meno (-).
Continua a leggere Accessibilità del testo con jFontSize
Categoria: Scripting, Web Design | Permalink | Commenti (4)
Creare swatch per jQuery Mobile con ThemeRoller
Lunedì 7 Novembre 2011 - 15:22
di Kiko
Creare una versione “mobile” del sito significa non solo adattare il CSS e layout alle dimensioni dello schermo, ma prevedere meccanismi di navigazione per i touchscreen.
jQuery Mobile introduce, a livello di design, gli swatch: set di colori, bordi e sfondi che vengono applicati agli elementi di una pagina web. Basta fornire la propria versione degli swatch per modificare al volo le proprietà grafiche di liste, di bottoni, degli elementi di un form e così via. Come impostare gli swatch? Con ThemeRoller.
Continua a leggere Creare swatch per jQuery Mobile con ThemeRoller
Categoria: Scripting, Web Design | Permalink | Commenta