L’unione di due parole mediante un trattino e l’allineamento giustificato non sono più solo per la carta stampata. Armati di buon gusto, di uno speciale carattere Unicode chiamato “soft hyphen”, ed di un po’ di trucchi JavaScript, potete usare la giustificazione ed i trattini al loro meglio nelle pagine web. Padroneggiate lo “Zero Width Space” Usate la libreria Hyphenator.js per imbottigliare la fama, far fermentare la gloria e mettervi un tappo. Create pagine web che aggiungono i trattini e sistemano la giustificazione al volo, anche quando il layout si riposiziona in risposta ad un cambiamento nella dimensione della viewport.
Argomento: Design
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.
Web Font alla Frontiera
Tutto quello che avreste sempre voluto sapere sui web font ma non avete mai osato chiedere. Richard Fink riassume le ultime news riguardanti i web font, esaminando i formati, le regole, le licenze ed i tools. Crea una checklist per valutare i font hosting and obfuscation services come Typekit; dà un’occhiata a quello che sta per succedere (dai problemi di tipografica avanzata che il gruppo del CSS3 Fonts Module sta portando avanti, alle implicazioni dei font per cui Google offre hostin) e conclude il tutto con una guida per far funzionare i web font oggi.
Responsive Web Design
I designers hanno bramato la stampa per via dei suoi layout precisi, lamentandosi dei vari contesti d’uso dei propri utenti sul web che compromettono i loro design. Ethan Marcotte sostiene che si debba cambiare il modo in cui pensiamo i nostri design per superare questi limiti: usando le griglie fluide, le immagini flessibili e le media queries, ci mostra come adottare il flusso ed il riflusso delle cose con il web design reattivo.
Il Contrasto è Sovrano
Essere daltonici non vuol dire non vedere i colori, ma percepirli in maniera differente. Se il daltonismo è una sfida per i daltonici, lo è anche per i grafici. Alcuni di noi pensano che progettare siti che siano daltonici-friendly significhi rimanere ancorati al bianco e nero o a sfumature simili. Ma è vero proprio il contrario. Usare il contrasto in maniera efficace non solo diversifica il design del nostro sito dagli altri, ma è l’ingrediente essenziale che rende il nostro contenuto accessibile a tutti gli utenti, inclusi i daltonici. Conoscendo a fondo il contrasto, possiamo creare siti web che fanno spudoratamente baldoria con i colori.
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.
Accent-folding per il completamento automatico
La tecnica dell’accent-folding consiste nel mappare i caratteri non accentati ai caratteri accentati, al fine di aumentare i risultati suggeriti automaticamente che si ottengono compilando alcuni campi in alcune applicazioni.
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
