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
Disegnare pagine web per iPad con Magazine Grid
Lunedì 26 Settembre 2011 - 09:41
di Kiko
Una volta costruito il sito, visto l’enorme successo del marchio Apple, spesso il cliente chiede pure una versione ottimizzata e specifica per dispositivi quali iPhone e iPad. I CMS più conosciuti e usati mettono a disposizione dello sviluppatore diversi plugin. Questi ultimi non sono altro che template specifici per piccoli schermi e buoni in generale per dispositivi touch o mini browser
Ma se si vuole un design e funzionalità di navigazione specifiche si deve scrivere da zero un nuovo template. In tal caso può essere di grande aiuto un tool come Magazine Grid.
Continua a leggere Disegnare pagine web per iPad con Magazine Grid
Categoria: CSS, Web Design | Permalink | Commenti (6)
Due plugin per creare tooltip in jQuery
Martedì 20 Settembre 2011 - 10:44
di Kiko
Oggi è sempre più importante e decisivo offrire agli utenti un’esperienza di navigazione eccellente. Tale esperienza la si può realizzare per mezzo di diverse scelte di design e funzionali. Fra le prime includiamo pure i tooltip, uno dei più classici elementi di un’interfaccia grafica.
In questo articolo vi offriamo due spunti interessanti. Entrambi utilizzano jQuery come libreria JavaScript.
Il primo è un plugin molto leggero: si chiama TinyTips ed è alla sua versione 1.1.
Continua a leggere Due plugin per creare tooltip in jQuery
Categoria: Scripting, Web Design | Permalink | Commenti (4)
Adaptive Images: piccole immagini per piccoli dispositivi
Mercoledì 7 Settembre 2011 - 09:38
di Mariano Calandra
Qualche mese fa scrissi un post in cui parlavo di tre proprietà dei CSS per la realizzazione di siti con un layout adattativo. Con gli smartphone e i tablet che diventano sempre più strumento di navigazione scegliere di realizzare un layout “liquido” è una scelta obbligata. Non è casuale, infatti, che alcuni temi di WordPress, come Yoko, nascano già con questa capacità. Nonostante gli sforzi, però, poco ancora si può fare per le immagini (il tema precedente, ad esempio, nasconde l’immagine dell’header su dispositivi con risoluzione bassa). Ma quali strumenti abbiamo se non vogliamo fare a meno delle immagini?
Continua a leggere Adaptive Images: piccole immagini per piccoli dispositivi
Categoria: Web Design | Permalink | Commenti (3)
Scrivere email in HTML oggi
Martedì 30 Agosto 2011 - 09:58
di napolux
Il Web è cambiato molto negli ultimi anni: nuovi standard si stanno susseguendo nel tempo e grazie ad essi sviluppatori e designer riescono a fornire un’esperienza utente decisamente ricca e “cross browser compatible” seppur con molti sforzi.
Diverso è il discorso per le email: ad oggi non si è arrivati ad uno “standard” per il rendering di codice HTML all’interno delle email (anche se ci si propone di farlo) e costrutti che nei browser odierni sono ormai assodati non sono supportati dalla stragrande maggioranza dei client di posta. Questa tabella riassume il supporto HTML/CSS di diversi client di posta (desktop e web).
Continua a leggere Scrivere email in HTML oggi
Categoria: Web Standards, Web Design | Permalink | Commenti (5)
WebPutty, la console CSS per i nostri siti
Venerdì 19 Agosto 2011 - 10:00
di Claudio Cicali
È stato recentemente presentato WebPutty, un sistema che permette di modificare la presentazione di un nostro sito direttamente dal browser. Non è un semplice Firebug o altra console con la quale possiamo modificare direttamente le proprietà CSS che il browser in quel momento sta utilizzando, perché volendo le modifiche fatte tramite questo sistema possono diventare permanenti, pubblicate direttamente sul sito.
Continua a leggere WebPutty, la console CSS per i nostri siti
Categoria: Software e Servizi, Web Design | Permalink | Commenti (4)
Tecniche cross browser: 17 soluzioni pronte all’uso
Martedì 26 Luglio 2011 - 09:35
di Kiko
Quante volte abbiamo creduto di aver scritto un grande effetto web, salvo poi scoprire che la soluzione funzionava su un browser e solo con una particolare versione di quest’ultimo?
Il non rispetto degli standard è stato per lungo tempo oggetto di feroci discussioni fra web designer e sviluppatori dei vari browser in commercio. Con l’introduzione, poi, di soluzioni proprie, la discussione è andata via via peggiorando. Negli ultimi anni la tendenza pare essere stata rivolta verso la pace generale. Autorevoli personaggi influenti nel mondo del Web, penso a Zeldman o a Molly Holzschlag, hanno fatto molto per promuovere gli standard e i Web designer si sono sempre più specializzati e disciplinati in tal senso.
Continua a leggere Tecniche cross browser: 17 soluzioni pronte all’uso
Categoria: Web Standards, Web Design | Permalink | Commenti (2)
Le fasi di un progetto Web
Mercoledì 20 Luglio 2011 - 11:14
di Kiko
Una delle letture più significative per chiunque intenda avvicinarsi al mondo del Web development. Esiste una vasta letteratura in merito e certo un solo articolo non può illustrare ogni dettaglio della faccenda. Pubblicato da Inspired Magazine, ecco per voi un articolo che illustra in forma breve, ma decisamente esaustiva, quello che è un classico ciclo di sviluppo di un progetto web.
Quale che sia la complessità, e partendo dal presupposto di evitare qualunque forma di “eXtreme Programming”, le quattro fasi illustrate da Jay Melone sono assolutamente quanto occorre per portare a termine un progetto e garantire al cliente la massima soddisfazione possibile. A tutto beneficio della nostra reputazione di freelance e, quindi direttamente, del nostro portfolio.
Continua a leggere Le fasi di un progetto Web
Categoria: Web Design | Permalink | Commenti (6)
Vendere template WordPress: i migliori 3 marketplace
Lunedì 18 Luglio 2011 - 15:02
di Kiko
Quando dici “blog” dici evidentemente WordPress. Almeno in larga maggioranza il fenomeno del blogging è legato al successo di questa piattaforma che si è imposta per semplicità di installazione e uso e per la grande disponibilità di temi, plugin e guide liberamente scaricabili sul Web.
Nonostante tanto materiale free, soprattutto per progetti non casalinghi, è fondamentale ricercare l’originalità oltre che per i contenuti anche per il design grafico. Se non si hanno le capacità necessarie per costruirsi un template Wordpress, allora sarà necessario rivolgersi a uno specialista. O più semplicemente accedere a uno dei tanti marketplace sul Web e comprare il template che più si adatta alla nostra idea e ai nostri desideri.
Continua a leggere Vendere template WordPress: i migliori 3 marketplace
Categoria: Web Design, CMS | Permalink | Commenti (8)
Ossessioni da cross browser design, meglio evitarle?
Martedì 12 Luglio 2011 - 15:43
di Claudio Garau
Segnalo un interessante approfondimento intitolato “Where are my rounded corners?” dedicato ai vantaggi di un approccio non ossessivo nei confronti della compatibilità cross browser da parte dei Web Designer; l’autore propone alcuni spunti di riflessione riguardo al reale impatto delle piccole differenze di rendering non soltanto tra i browser di diversi vendor, ma anche tra le varie versioni dello stesso browser.
Continua a leggere Ossessioni da cross browser design, meglio evitarle?
Categoria: Web Design | Permalink | Commenti (6)