Quando gli utenti compilano una form per comprare uno dei vostri prodotti o per sottoscrivere un vostro servizio, volete che gli errori siano ridotti al minimo e che vengano guidati verso il successo. Ora, con gli input types e gli attributi delle form in HTML5, potete porre dei vincoli di validazione per controllare l’input dell’utente. Con le nuove pseudo-classi UI di CSS3, potete assegnare degli stili agli stati di validazione per rendere la compilazione della form più veloce e semplice.
Argomento: HTML
Applicazioni vs. Web
C’è un’app per tutto e voi siete le persone che le creano. Ma dovete disegnare un’applicazione web-based o una app per l’iPhone? Entrambe gli approcci hanno vantaggi e svantaggi per non citare le legioni di religiosamente violenti supporter. Apple promuove entrambe gli approcci (hanno perfino dato al web un anno intero di vantaggio prima di cominciare a vendere app nello store) ed il browser Safari per iPhone supporta HTML5 e CSS3 e vanta un veloce engine per JavaScript. Tuttavia molte aziende e singoli sviluppatori con un’ottima conoscenza del web scelgono di creare delle app per iPhone invece che delle web app che possono fare la stessa cosa. Esplorate entrambe gli approcci ed imparate quasi tutto quello che dovete sapere se decidete di creare una app per iPhone-dal gergo al processo di sviluppo, ai trucchi che possono facilitare il percorso della creazione di un business con Apple.
Approfittare di HTML5 e CSS3 con Modernizr
Anni fa, il supporto a CSS da parte dei browser era lacunoso e pieno di bachi: solo i web designers più audaci usavano i CSS per i layout. Oggi, i layout CSS sono una cosa normale e ogni browser li supporta. Ma lo stesso non vale per CSS3 e HTML5. Qui entra in gioco Modernizr di Faruk Ateş. Questa libreria JavaScript open source rende facile il supporto a differenti livelli di esperienze, basandosi sulle capacità del browser di ciascun visitatore. Scoprite come approfittare di tutto ciò che è già implementato di HTML5 e CSS3 in determinati browser, senza sacrificare il controllo sull’esperienza utente negli altri browser.
Design Pattern: Navigazione a Faccette
La navigazione a faccette [faceted navigation, emndr/em] potrebbe essere l’innovazione riguardante le ricerche più significativa della decade passata. É caratterizzata da una ricerca integrata ed incrementale e da un’esperienza di browsing che permette agli utenti di cominciare con la classica ricerca per parole chiave per poi scorrere una lista di risultati. Inoltre, fornisce una mappa fatta su misura che dà un’idea del contenuto e della sua organizzazione, offrendo una varietà di utili passi successivi. Tenendo fede ai principi di divulgazione progressiva e costruzione incrementale, lascia che gli utenti formulino l’equivalente di una query Booleana attraverso una serie di piccoli semplici step. Imparate come funziona, perché è diventata così onnipresente nell’e-commerce e perché non va bene per tutti i siti.
Gli Standard Web per gli E-Book
Internet non ha rimpiazzato la televisione, che a sua volta non ha rimpiazzato il cinema, che non ha rimpiazzato i libri. Nemmeno gli e-book rimpiazzeranno i libri. Gli e-book sono libri, solo in un formato differente.
Usare SVG per un background flessibile, scalabile e divertente, Parte II
In questo articolo, esaminerò la tecnologia che sta dietro l’uso di SVG per il design del vostro sito. Esploreremo come incorporare SVG in maniera cross-browser friendly, incluso l’utilizzo di SVGWeb per essere sicuri che SVG verrà visualizzato in Internet Explorer. Inoltre, coprirò anche l’unica caratteristica che rende SVG l’ideale per gli sfondi delle pagine: la scalabilità.
Usare SVG per un background flessibile, scalabile e divertente, Parte I
SVG, ossia Scalable Vector Graphics, consiste di cerchi, rettangoli e percorsi creati in XML e combinati in disegni sulle pagine web. Ad un oggetto SVG si possono applicare colori solidi, gradienti ed un certo numero di filtri sofisticati – sebbene non tutti i browser implementino tutti i tipi di filtri. Potete incorporarvi del testo così come delle immagini, e potete copiare e clonare il vostro SVG tutte le volte che volete. Principalmente, utilizziamo il formato SVG per programmi di grafica, diagrammi, illustrazioni o animazioni. Tuttavia possiamo incorporare oggetti SVG nel design complessivo di un sito: è una potenzialità straordinariamente versatile del web design ed è divertente da usare.
In questo articolo introduttivo, farò alcune importanti considerazioni su come lavorare con SVG, inclusi il supporto dei browser e l’accessibilità. Leggete la Parte II (mettere il link alla seconda parte tradotta) per scoprire come trovare ed adattare alle vostre esigenze oggetti SVG che si
