Supporta Safari o perderai clienti. Così si intitolava (ma ho tradotto dall'inglese) un bel post apparso qualche settimana fa su BusinessLogs. Molto interessante anche la lunga serie di commenti, in cui sono stati in molti a lamentare la difficoltà  di effettuare test probanti con il browser di Apple in mancanza di una macchina con Mac OS X.Come molti sanno, esistono in rete utili tool in grado di restituire la vista di una pagina con Safari. Mi limito a segnalare questo SafariTest, che per chi utilizza Windows o Linux può essere un buon punto di partenza per verificare la resa visiva delle proprie pagine.Il limite più grande di questo tipo di strumenti è che sono validi essenzialmente per scoprire problemi a livello di markup e presentazione. Oggi, invece, specie per applicazioni dinamiche, la verifica primaria da svolgere è a livello di supporto del DOM e di Javascript. Per questo i vari SafariTest non servono. Punto. Il test va fatto direttamente.Che questo sia il cuore del problema, lo dimostrano due post (primo e secondo) apparsi sul blog di Scott Isaacs, uno dei responsabili del progetto Live.com di Microsoft.

Continua a leggere Testare per Safari

Categoria: Web Standards

Roger Johansson è sempre stato un autore impegnato nella diffusione e promozione dei web standards. Lo dimostra ancora una volta in Ten reasons to learn and use web standards, in cui indica la sua top ten di motivi per imparare e usarli. Tutti punti validi, anche se alcuni possono sembrare soggettivi: da seguire come sempre i commenti all'articolo. Personalmente avrei difficoltà  a trovare una top ten totalmente oggettiva, ecco quindi la mia top 3: Imparare e usare i webstandards significa stare al passo con i tempi: in molte professioni essere aggiornati e servirsi delle ultime tecnologie e strumenti è fondamentale. Fare web design è una di queste. Svincolare il contenuto dalla presentazione consente di focalizzarsi su entrambi in maniera migliore, rendendo il processo di design più naturale e consente benefici per utenti, user agents e motori di ricerca. Le fasi di aggiornamento, manutenzione e redesign risultano più rapide.

Continua a leggere Dieci motivi per imparare e usare i webstandards… anzi tre

Categoria: Web Standards

Tranquilli, non è prevista nessuna fiction sul magico mondo di HTML e i suoi fratelli, né un talk show.Solo una segnalazione. Roger Johansson ha pubblicato una sintesi della sua esperienza nella realizzazione di applicazioni web da distribuire via TV interattiva (il browser è un software ad hoc basato su Mozilla) e da fruire, quindi, attraverso lo schermo televisivo, usando il telecomando al posto di mouse e tastiera.Non scende nei dettagli, dal momento che il progetto non è ancora pubblico, ma fornisce una serie di utilissime indicazioni sugli elementi chiave da tenere in considerazione lavorando su questi dispositivi e sulle implicazioni in termini di accessibilità , usabilità  e implementazione dei web standards.

Continua a leggere I web standards in TV

Categoria: Web Standards

Due articoli decisamente interessanti su Javascript sono stati pubblicati di recente. Il primo è Top 10 custom JavaScript functions of all time, che contiene la classifica delle dieci funzioni più utili secondo Dustin Diaz. Come afferma l'autore, si tratta di una scelta personale, ma credo che almeno la metà  sia utilissima per chi programma in Javascript. Personalmente, anche se le ritengo utilissime, non avrei messo le funzioni di manipolazione dei cookie ai primi tre posti. Restando in tema snippets: un po' più datato, ma comunque utilissimo, è l'articolo My Favorite Javascripts for Designers.Merita una lettura la recente Quick Guide to Prototype: davvero un'ottima introduzione a Prototype, il framework che costituisce la base di partenza di molti progetti Ajax-based.Passando ai CSS: ho pubblicato su web-graphics la Single Image Multi Replacement (SIMR), più che una tecnica una metodologia per rimpiazzare diversi titoli con una sola immagine. Se tra i lettori c'è qualcuno che ha difficoltà  con l'inglese, preparo volentieri il post in italiano da mettere qui sul blog.Tantek, in un post molto corposo, parla di storia e futuro degli hack CSS, e ammette di aver aperto il famoso vaso in Pandora's Box (Model) of CSS Hacks And Other Good Intentions.Il codice semantico è alla base della progettazione con i web standards: lo dimostra egregiamente Mark Boulton in Semantic Typography. Ieri è stata lanciato 24 ways (to impress your friends) un sito che posterà  un'articolo inerente il webdesign al giorno, fino al 24 dicembre. Davvero un'ottima idea: visti i primi due articoli (prototype e em) sembra molto promettente. Passando all'accessibilità : la scorsa settimana è stato pubblicato il working draft delle Web Content Accessibility Guidelines 2.0: a detta di molti si presenta molto più sintetico, leggibile e meglio organizzato rispetto alla precedente versione.Segnalo pure la recente e ormai nota a tutti uscita della versione 1.5 final di Firefox. Molte le novità  e i bug fixes introdotti, tra cui la risoluzione del famoso one pixel rounding error.Restando in tema di bug, da seguire il post di Andy Budd Common CSS Bugs in Safari, Firefox and Opera e soprattutto i commenti.

Continua a leggere Web standards: i link del venerdì

Categoria: Web Standards

L'anno che si sta per concludere è stato senza dubbio ricco di moltissime novità  nel web design. Come sarà  l'anno prossimo? Quali saranno le tendenze che lo segneranno? Premesso che non ho ancora comprato la sfera di cristallo, proverà a fare alcune previsioni. (more...)

Continua a leggere Web design: le tendenze del 2006

Categoria: Web Standards

Si è concluso la scorsa settimana Fundamentosweb 2005, un evento di tre giorni tenutosi a Gijà³n in Spagna dedicato a web standards, usabilità  e accessibilità  con due ospiti di eccezione: Jakob Nielsen e Jeffrey Zeldman.Dell'intervento di Nielsen ho solo trovato queste note in spagnolo di Daniel Torres Burriel, che tra l'altro ha curato un'ottima cronaca dell'intero evento.Dell'intervento di Zeldman, e passata decisamente in sordina, resta un'eccellente presentazione: Designing with Web Standards, in assoluto una delle migliori che abbia mai letto. Moltissimi i temi trattati: la compatibilità , la portabilità , l'accessibilità , il peso delle pagine, la mantenibilità  e leggibilità  del codice, e soprattutto la separazione tra contenuto, struttura e presentazione. Tutto accompagnato da molti esempi reali. Da non perdere.

Continua a leggere La progettazione con i web standards

Categoria: Web Standards

Sono diverse le segnalazioni interessanti degli ultimi tempi, ho pensato così di riassumerle qui. Cominciando con il javascript, Robert Nyman ha presentato la sua versione di getElementsByClassName, una funzione che davvero manca tra quelle pre-built nel DOM e che può venire utile in diversi casi. Sempre dello stesso autore è AJAX-S, lo slideshow basato su AJAX. Molto interessante lo script Dynamic Resolution Dependent Layouts su particleTree, in grado di modificare il layout di una pagina rispetto alla risoluzione. Senza dubbio curioso l'emulatore di terminale Unix scritto interamente in questo linguaggio di scripting. Passiamo ai CSS. Sono state pubblicate di recente due tecniche sfiziose: Create a default with special cases e Image float without text wrap. Altra news: Chris Heilmann, ideatore della CSS table gallery, ha inaugurato da poco CSS Toolshed, che è come CSS Zen Garden ma si tratta di personalizzare un'intero sito. Finalmente un vero menu e un form di contatto, due cose che davvero mancano su Zen Garden. Su PRO è stato pubblicato ieri il mio primo articolo della serie Layout Gala: merita una lettura se non l'avete ancora fatto. Rimanendo in tema di impaginazione: ho lanciato la scorsa settimana un piccolo challenge su web-graphics, decisamente un buon esercizio di CSS. Un layout simile, ma con colonna centrale in posizione fissa è stato pubblicato ieri da Andy Clarke: Changingman Layout, credo il primo con una Creative Commons. Per concludere due articoli interessanti su webstandards: Become a better standardista e Reveal your old school web development hacks. Buona lettura!

Continua a leggere Bookmark CSS e Javascript – II

Categoria: Web Standards

Negli ultimi giorni il termine professionalism (professionalità ) è piuttosto ricorrente in blog e siti che si occupano molto di web standards. Lo spunto nasce da un'approfondita intervista a Andy Clarke su accessibilità  e web design. Una delle frasi chiave è questa:Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità  non possono più definirsi professionisti.Il messaggio è stato lo spunto per diversi autori, tra cui Molly Holzschlag, Roger Johansson e Peter-Paul Koch. Tutti articoli da non perdere, soprattutto se ancora non vi siete decisi a imparare i CSS e volete fare del web design una professione. I tempi sono maturi già  da un po'...

Continua a leggere Web standards e professionalità 

Categoria: Web Standards

Safari rules

2 Nov

Non voglio assolutamente iniziare una discussione su Apple, su quanto sia meglio o peggio di Microsoft, etc, etc. In fin dei conti tra 53 giorni è Natale, meglio prepararsi ad essere buoni per tempo, senza umiliare nessuno ;).Fatto sta che da ieri Safari è ufficialmente il browser più standard compliant sulla piazza, almeno rispetto al test Acid2 proposto a suo tempo dal Web Standard Project. Ecco come appare sul mio Powerbook la pagina del test dopo l'aggiornamento di Mac OS X alla versione 10.4.3 (che contiene anche un upgrade di Safari):Non è in effetti una novità . Già  nel mese di aprile David Hyatt aveva annunciato il superamento della prova e per verificare bastava scaricarsi una nightly build di WebKit e compilarla sul proprio computer (cosa che io avevo fatto su un vecchio iBook che tengo per gli smanettamenti più estremi).

Continua a leggere Safari rules

Categoria: Web Standards

Sono davvero molti i link interessanti in cui mi sono imbattuto negli ultimi tempi e ho pensato di riassumerli in questo post. Partiamo da Javascript. àˆ stato annunciato la scorsa settimana il vincitore dell'AddEvent Recording Contest. Dean Edwards, uno dei tre giudici e conosciuto a molti per lo script IE7, ha proposto... la sua soluzione. Via del.icio.us scopro Moo.fx una liberia veramente piccola ed efficace per avere effetti di transizione su opacità  e dimensioni con Javascript. Davvero un buon lavoro, e mi fa molto piacere che sia stata sviluppata da un italiano. Per quanto riguarda i CSS, avrei voluto segnalare da un po' la CSS table Gallery, come un CSS Zen Garden ma dedicato esclusivamente alle tabelle. Il numero dei lavori è in costante aumento, e ce ne sono alcuni davvero belli. Mi raccomando di visualizzare gli esempi con Opera, Mozilla o Safari dato che ci sono degli effetti molto interessanti che usano selettori non supportati da IE5.x o IE6.Ripassare o approfondire la teoria è sempre utile, soprattutto se le fonti sono scritte bene. Roger Johannson ha appena pubblicato la terza e ultima parte sui selettori CSS (qui i link alla prima e alla seconda parte). Dustin Diaz presenta una guida agli shorthands, le scorciatoie tanto preziose per scrivere CSS efficienti e leggeri.Un risorsa non recentissima ma molto utile: i Cheat Sheets. Sono da stampare e tenere a portata di mano sempre: ciascuno viene presentato in una pagina unica come immagine PNG o documento PDF. Troverete i cheat sheets su CSS, Javascript, entità  HTML e molti altri.Ben otto layout liquidi usando markup davvero minimale in One clean HTML markup, many layouts.... Anche se il CSS degli esempi è davvero conciso ed efficace, è un peccato che l'autore abbia usato il workaround display:inline-block che impedisce la validazione CSS di livello 2 (anche se è un valore lecito per la proprietà  display nei CSS 2.1) per sistemare le cose su IE. Ho la sensazione che forse si poteva evitare...Per concludere un po' di anticipazioni. CSS Beauty, il noto sito showcase, sta per lanciare il CSS Shuffle, che sarà  come CSS Zen Garden ma sotto forma di contest con dei premi: speriamo che nel markup di partenza ci sia un vero e proprio menu da personalizzare con i CSS.Scopro ora che il CSS Reboot versione autunnale conta ben 930 partecipanti che il primo novembre presenteranno i redesign dei loro siti. Una previsione scontata: mi aspetto un vero e proprio boom delle gallerie CSS la prossima settimana.

Continua a leggere Bookmark CSS e Javascript

Categoria: Web Standards