Facilitant la web

Portada del llibre Bulletproof Web Design

Aquest és el segon llibre d’en Dan Cederholm, fundador de SimpleBits. És el primer llibre que vaig llegir d’aquest gran expert, i he de dir que em va deixat un molt bon sabor de boca.

El llibre que posseeixo i del qual vull fer aquesta petita ressenya, és la primera versió que data del 2006, però actualment ja existeix una segona versió de l’agost del 2007 que també he pogut fullejar, i que a més a més de modificar alguna errada d’impremta del llibre, afegeix algun nou apartat i actualitza els existents amb noves característiques de navegadors.

Com bé resa el títol i subtítol del llibre, Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS, ens ajudarà crear maquetes a prova de bales.

Sota el meu punt de vista, aquest és un molt bon llibre per aquells que volen iniciar-se al món de la maquetació, ja que comença poc a poc explicant l’estructura bàsica d’un document XHTML i d’un CSS i va avançant en els capítols fins acabar construint un petit exemple d’una pàgina amb dues columnes.

És un llibre molt didàctic ja que trobem molts exemples a cada capítol que es desenvolupen mica en mica i que s’explica fins a l’últim detall de cada decisió que es pren, aportant sovint alternatives de marcatge per tal que ho tinguem tot present. A més a més, una cosa que em va agradar molt d’aquest llibre fou els consells que dóna mentre avances, com per exemple, marcatge que es pot generar via Javascript per eliminar les etiquetes innecessàries, alguns consells d’accessibilitat, etc. Igualment, trobo que la progressió dels temes que fa agrupats als capítols és força correcte, tot ajudant als que comencen amb aquests temes a introduir-s’hi poc a poc i de forma ordenada.

Tot seguit poso un petit índex amb els capítols del llibre i una breu explicació:

Flexible text

Com a primer capítol que és, ens explica una lliçó ben bàsica: com gestionar la mida del text del nostre document. Explica les diferències entre mides absolutes i relatives, i explica el mètode que ell segueix, els percentatges.

Scalable navigation

Típic exemple de generació d’un menú amb pestanyes i la tècnica de les portes corredisses. Molt útil per començar-se a familiaritzar amb les imatges de fons, la diferència entre border, margin i padding i el model de caixa.

Expandable rows

En aquest capítol explica com crear una barra (ja sigui de navegació, cerca, una capçalera, etc.) que s’expandeix de forma correcta. Interessant.

Creative floating

Introducció a les caixes flotants tot construint una petita galeria de fotografies.

Indestructible boxes

Qui no ha hagut d’enfrontar-se algun cop a maquetar un disseny amb caixes? Sembla que actualment la majoria li hem agafat gràcia a aquest element. Doncs bé, aquest capítol ens explica com crear maquetes amb aquest element tot progressant en dificultat amb les diverses alternatives que se’ns pots presentar.

No images? No CSS? No problem

Possiblement el capítol més interessant que té el llibre sota el meu punt de vista. Sovint anem posant imatges de fons al nostre document, però sovint mai ens preocupem de com veu la pàgina algú que no veu les imatges de fons. I si tenim els CSS inhabilitats o bé el nostre navegador no els interpreta? Doncs bé, en aquest capítol ens explica forces tècniques, trucs i consells per tal de poder crear una maqueta robusta i a prova de bales.

Convertible tables

La gent que es pensa que les taules es limiten a /table, /tr i /td està molt equivocada. En aquest capítol, a més a més de descobrir-nos com s’han d’escriure les taules semànticament correctes, també ens explica com els hi podem donar una vista atractiva amb els fulls d’etils.

Fluid layouts

Què seria un llibre de CSS sense el típic capítol de creació de layout? Doncs bé en aquest capítol ens explica com crear-ne un de fluït amb dues i tres columnes, quins són els típics problemes que ens hi podem trobar i com donar-lis solució.

Putting it all together

El darrer capítol ho posa tots els conceptes en joc per a crear una petita pàgina d’inici amb dues columnes i capses per al contingut lateral. Una bona manera de tancar el llibre i posar tots els conceptes en joc per a resoldre un problema que serà el dia a dia d’un maquetador.

Doncs bé, per tancar aquesta ressenya, només dir que és un llibre a considerar si és que volem entrar al món de la maquetació web, o bé, si ja tenim alguns coneixements, intentar posar-los tots en ordre a la nostra ment tot seguint un guió redactat per un gran expert.

Una compra molt recomanable.

El segon dia de la jornada fou, com a mínim per a mi, molt més gratificant. Vaig tenir la sort de poder gaudir d’una xerrada-taller d’en Peter-Paul Kock, molt més conegut amb el nom de PPK.

Unobstrusive Ajax in Real-World – Peter-Paul Koch

Aquest taller durà tot el dia, repartit en 4 parts.

La primera d’elles fou una breu introducció (però no pas per breu, mal explicada) sobre como no s’ha de fer servir el javascript:eliminar tot rastre de les típiques etiquetes onclick, onmouseover, etc. Personalment, per la gent que no estava introduïda en aquest món, crec que fou una molta bona introducció.

La segona part tractà sobre el concepte Hijax: millora progressiva al desenvolupament d’aplicacions en AJAX. Ell enfocà la presentació a explicar-nos com fer una aplicació per a mòbil, exposant com podríem anar-la millorant per a aconseguir una millor experiència per a l’usuari. Senzill però molt curiós.

La tercera part tractà sobre events: quin calvari. PPK recomana que com a mínim has d’haver fet un projecte a la teva vida sense l’ajuda d’una biblioteca, més que res, perquè coneguis els events, com gestionar-los i demés (un enfoc que crec que té tota la raó). Doncs bé, a la conferència varem poder gaudir de com Internet Explorer feia el que volia amb els events de javascript (té la seva pròpia forma de gestionar-los) a més a més de veure com els diversos navegadors no es posen d’acord de come gestionar tot plegat. Sota el meu punt de vista, fou la part més interessant de totes més que res perquè veies com els diversos navegadors fan el que volen amb els events i dones les gràcies encara més als desenvolupadors de les diferents biblioteques de maneig d’events per haver-les creat

Per acabar, la quarta part tractà del tema del rendiment en aplicacions web. Exposà una sèrie de conceptes extrets del llibre High Performance Web Sites per tal de crear aplicacions que tinguin en compte el rendiment o de com millorar les que ja tenim. Personalment ja coneixia aquest llibre, però he de dir que vaig trobar molt encertat acabar la conferència amb un col·loqui sobre el tema del rendiment i enfocar-ho en aquest llibre i les tècniques que exposa em va semblar molt idoni.

Un deixo l’enllaç per a descarregar la presentació de la conferència.

Quina millor entrada per a encetar un bloc sobre web que aquesta?
Aquest any he tingut la sort que m’enviïn a Gijón a Fundamentos Web 2008. Per qui no ho sàpiga, Fundamentos Web són unes jornades organitzades per la delegació espanyola del W3C i per la Fundació CTIC que giren entorn a la temàtica dels estàndards web, l’accessibilitat, el disseny i l’experiència d’usuari, entre d’altres.

Només dir, que personalment pensava que serien amb un nivell més avançat, cosa que m’ha deixat amb una mica de gana pel que fa a coneixement.

Podeu veure les fotografies aquí.

Tot seguit us faig cinc cèntims de les diferents conferències a les que vaig poder assistir.

Beyond Web 2.0 – Jesse James Garrett

Per a qui no li soni aquest nom, Jesse James Garrett és el pare del terme AJAX i fundador de la més que coneguda Adaptive Path. Va fer una xerrada força interessant sobre el tema de l’usuari i la tecnologia, tot exposant i fent entendre que per ell, la millor tecnologia, és aquella que no es veu.

Al finalitzar la xerrada, ens va mostrar un vídeo sobre Aurora, el projecte que involucra Mozilla i Adaptive Path.

Digging Beyond User Preference – Eric Fain

Eric Fain és un professional dels models mentals, l’arquitectura d’informació i la usabilitat en general.

A la seva conferència ens introduí en el món dels models mentals: com a través de les emocions dels usuaris i dels seus comentaris, podem fer agrupacions de conceptes, i a partir d’aquests, intentar trobar-hi solucions.

Com podeu veure, aquest no és el meu camp i no vaig acabar d’entendre tota la implicació del tema (per aprofundir-hi, el següent dia hi hagué un taller que jo no hi vaig poder anar).

CMS, Estàndards, Accessibilitat i altres contes – Taula rodona

Aquesta conferència fou una taula rodona de Charles McCathieNevile d’Opera (moderador), i com a convidats Dries Buytaert creador de Drupal, Wilco Jansen (Joomla!) i Alejandro Alves una de les persones més actives de la comunitat espanyola d’OpenCMS.

La conferència en sí fou una taula rodona on el moderador en Charles McCathieNevile interrogava als convidats sobre com s’enfocaven als diferents CMS alguns temes com els estàndards, la integració amb altres eines de la web, la web semàntica, etc. Una vegada tancades les seves preguntes, el públic preguntà diverses coses com: temes de seguretat, integració amb Flex (genial la resposta de Charles McCathieNevile parlant sobre el seu CMS intern MyOpera, “Flex treballa sobre Flash. A nosaltres no ens interessa donar suport a una tecnologia que fa dependre d’un plugin! Simplement la ignorem!”)

Tu Vida Laboral – Taula rodona

Aquesta conferència, personalment, no em va agradar gaire.

La idea principal era de compartir experiències laborals i veure en quin estat està tot el tema. Personalment crec que aquesta conferència estava fora de lloc.

Administracions Públiques i Empreses a l’era dels Social Media – Carlos Guadián

Sota el meu punt de vista, la pitjor. No sé si era pel cansament o per què, però no vaig entendre res de res. No entenia què feia aquella conferència allí. No entenia què deia el conferenciant. I a més a més, després de tot el dia de xerrada en xerrada, el meu cap ja estava en altres llocs.

No sé què dir-vos!