El blog de Disseny Webs Catalunya

A vegades ens trobem que hem d’enviar un correu electrònic a 600 clients o volem crear un newsletter, però no sabem quins clients de correu tenen aquestes persones.

La sol·lució tradicional és enviar un text pla , però si el missatge és llarg o si volen incrustar imatges ja necessitem una presentació més elaborada. A més, s’aconsegueixen més clics amb una bonica presentació que no amb el text pla.

El projecte “Email Standards Project” ha realitzat diferents acid-test als clients de correu més utilitzats.

AOL Webmail, Apple Mail, Apple MobileMe, Eudora (Penelope), Microsoft Entourage, Mozilla Thunderbird, Windows Live Mail, Windows Mail, Yahoo! Mail, Yahoo! Mail (Classic) suporten:

• Background-image
• Background-position
• Background-position a:hover
• Border
• Color/background-color
• Descendant-selectors
• Float/clear
• Font family/size/weight/style
• Font-family names with quotes
• Font inheritance
• Line-height
• List-style-image
• Margin
• Padding
• Varying link-colors
• Width/height

Els clients de correu Google Gmail, Lotus Notes 8, Microsoft Outlook 2007, Windows Live Hotmail no suporten o tenen problemes amb moltes d’aquestes propietats. Gmail té problemes amb totes.

Per tant, una opció és treballar la presentació amb Gmail ja que és un dels correus més utilitzats juntament amb hotmail i Outlook i recordar les taules tal i com recomanen a Email Standards Project.

Podeu veure la web a www.email-standards.org

Tags: CSS, Disseny web, e-mail màrqueting, taules

Cada vegada més desenvolupadors es cansen d’arreglar els problemes que pateixen els llocs web en ser visualitzats per l’Internet Explorer 6, un navegador desenvolupat fa 8 anys amb un munt d’errades que pot fer que una pàgina programada seguint estrictament els estàndards es mostri malament, a més de tots els problemes de seguretat que té.

S’estima que entre un 15 i un 25% d’usuaris encara no han actualitzat aquest navegador tot i que Internet Explorer 8 ja està disponible a més d’haver-hi altres opcions gratuïtes com el Firefox, Opera o Google Chrome.

En un post anterior ja parlàvem de si Cal continuar donant suport de disseny web a Internet Explorer 5.5 i 6?

Celebrem una noticia d’aquest tema apareixi en un lloc com la CNN, la podeu llegir seguint aquest enllaç

Podeu veure la pàgina de la campanya a www.ie6nomore.com

Tags: CSS, Disseny web, Internet Explorer

Navegant per la xarxa hem trobat un post molt bo sobre com millorar la presentació del MySpace.

Si alguna vegada algú ha intentat treballar-hi segur que s’ha adonat que és molt feixuc de fer-hi res i que la seva accesibilitat deixa molt que desitjar.

Aquest post atreu visitants al seu bloc, faltaria debatre si son o no de qualitat, però és indiscutible que molta gent cerca com millorar la presentació del seu MySpace.

El post et diu que col·loquis a qualsevol part el següent codi:

html *{ display:none; }

Evidentment, queda un MySpace immaculat  

El Post: The Perfect MySpace Layout

Tags: Disseny web

Avui estàvem testejant un disseny web per una pàgina.

Havíem realitzat el disseny amb un navegador habitual i corrent, Firefox 3 i l’havíem provat per sobre amb Internet Explorer 7, però quan hem començat a fer les proves detalladament, ens hem adonat que un menú fet amb CSS és comportava de manera estranya amb l’Internet Explorer 5.5 i amb el 6 tot i que la pàgina validava perfectament.

Microsoft va deixar de donar suport a l’Internet Explorer 5.5 el 31 de desembre de 2005 (inclòs les actualitzacions de seguretat). L’Internet Explorer 6 encara rep suport , i a pesar de ser una de les pitjors versions i amb un gran nombre de problemes de seguretat, encara hi ha gent que no ha actualitzat el seu navegador (sobre un 18.85%).

Com que el nostre client ofereix els seus serveis a comunitats autònomes i ajuntaments, que en molts casos continuen utilitzant versions antigues de l’internet explorer, (una salutació als administradors de sistemes), no podem posar un advertiment als usuaris d’aquestes versions.

Per tant, hem acabant cercant i solventant el problema (el problema del píxel…), tot i ser conscients que qui va fer un mal producte en el seu moment, passant dels estándards web va ser Microsoft i que amb el gran nombre de problemes de seguretat que presenten aquestes versions hauria d’estar actualitzat a la versió 7 (o utilitzar altres navegadors que a més compleixin els estàndards web)

Tags: CSS, Disseny web, Internet Explorer

Ja té un any, però un munt de coses continuen sent imprescindibles o si més no, curioses.

The 50 Most Popular Web Design Blog Posts, Resources & Cheat Sheets of 2007

Esperarem el del 2008

Tags: Disseny web

D’un temps ençà, algunes empreses petites i mitjanes comencen a despertar respecte les necessitats TIC que tenen a la xarxa.

Gràcies a la iniciativa de www.pimestic.cat podem veure a quines conclusions han arribat els empresaris de diferents comarques de Catalunya.

Un dels requeriments que trobem a les 32 comarques analitzades és la necessitat de tenir una web actualitzada per la pròpia empresa. Una de les altres necessitats que hi donen prioritat és la d’estar ben posicionats als cercadors.

Si això no ho tenen és perquè no volen. A Webs Catalunya oferim un gestor de continguts per tal que les empreses puguin actualitzar la seva pàgina, publicar noticies, noves línies de distribució… A més, aquest gestor continguts (CMS) a diferència de la majoria que els hi poden oferir, compleix diferents requisits per tal de fer-lo amigable als cercadors (estàndards web AA, url amigables, metatags, descripció a les imatges, títols individuals a les pàgines…).

Per altre banda, també oferim el servei de posicionament a cercadors i de gestió de campanyes de màrqueting online.

Tags: accesibilitat, Disseny web, Màrqueting a Internet

Acabo d’entrar a la web dels Ferrocarrils de la Generalitat de Catalunya.

Primer de tot dir que amb aquesta web fan perdre el temps a la gent. La pàgina principal et fa escollir entre flash o html. El doble de feina, ja que la versió en flash no mostra res que no es pugui fer amb HTML ni cap animació espectacular.

La versió flash té l’enllaç dels horaris a la portada, però amb una lletra minuscula.

La versió HTML et fa empasar tot una parrafada de dubtós interès fins que no arribes a l’enllaç dels horaris.

Crec que no han entès que la gran majoria de la gent que es connecta a aquesta web és per mirar el horaris, les destinacions o fer consultes  i que cal mostrar-ho clarament.

Per cert, no donen cap adreça mail no cap formulari per contactar.

Tags: Disseny web

Des de fa uns dies, google ens deixa fer correr aplicacions escrites en Python als seus servidors.

El projecte és Google App Engine i et deixen 500 Mb d’enmagatzament i suficient ample de banda com per servir 5.000.000 de pàgines mensuals.

A més, hi ha el subprojecte google-app-engine-django en que ajuden a portar una aplicació Django a Google App Engine.

Tot un mon per experimentar

Tags: Disseny web, Programació

A List Apart és una reputada publicació electrònica dedicada a la gent que fa llocs web ( for people who make websites).

Per segon any, porten a terme una enquesta per conèixer l’estat laboral dels dissenyadors web, desenvolupadors, editors.., i animen a tothom que fa llocs web a participar en aquesta enquesta.

Esperem que aquest any mostrin més resultats concrets d’Europa

El 2007 hi van participar 33.000 persones i en podeu veure els resultats en aquest document pdf

Per participar a la d’aquest any aneu a http://www.alistapart.com/articles/survey2008

Tags: accesibilitat, Disseny web

En aquest blog volem parlar de webs, especialment de disseny web i màrqueting a Internet, ja que Webs Catalunya es dedica a això, però no tanquem la porta a altres temes que vagin sorgint.

Hem escollit wordpress pel desenvolupament d’aquest blog ja que es pot aconseguir un XHTML valid fàcilment, no com altres gestors de blogs en que és una gran tasca. A més, amb l’ajuda d’alguna extensió el podem personalitzar.

Com podeu veure, ens interessa l’accessibilitat web i en volem parlar més endavant. Hauria estat una incongruència no fer el blog accessible.

Fins aquí el mític Hello World!

Tags: Disseny web, Màrqueting a Internet