I el llibre està força bé. Ja va per la segona edició, tot i que al principi es podia descarregar en format ebook (pdf gratis). És molt interessant tot el que gira al voltant d’aquesta obra. És fruit de la col.laboració de diferents autors, com manen el cànons de la web 2.0, que d’això va el llibre, del màrqueting 2.0 amb tot d’explicacions i exemples variats.

No related posts.

Coincidint amb la Diada de Sant Jordi la llibreria Gaudí de Reus ha editat un nou punt de llibre dedicat al nostre besavi, Pere Estela i Llopis.  Com bé s’explica en el blog de la llibreria, no es tracta només de recordar un avantpassat. La seva figura ens permet apropar-nos al paper dels impressors, enquadernadors i llibreters en els moviments socials i culturals de finals del segle XIX i començaments del XX.  En podeu saber més llegint l’article que Natàlia Borbonès va publicar al diari El Punt.

Si sou de Reus o dels voltants, aneu a la llibreria demà  i compreu un llibre. Segur que us donen un punt!

No related posts.

Parlen del projecte de Rodalia.info en un article de La Vanguardia i n’expliquen les característiques. Es a dir, que s’utilitza via Twitter per compartir informació sobre l’estat del servei de Rodalies i els Ferrocarrils de la Generalitat. I ho fa amb major celeritat que els llocs  o sites oficials. Això si que sembla un bon projecte 2.0!

Rodalia.info és un projecte de Pimpampum.net i Roger Melcior.

No related posts.

No related posts.

Pictofy.com és un blog sobre icones i recursos gràfics que fa ja temps que he engegat conjuntament amb la Lali Masriera i el Josep Mª Rosell. No té cap més pretensió que recopilar el que ens sembla interessant i compartir-ho amb els altres. Tant podreu trobar icones per descarregar, com vectors, alguna tipografia i la referència d’alguns dels autors d’aquests materials. També tenim un comte twitter on anunciar el que es va publicant. De moment ho fem en anglès, però la veritat és que de text n’hi ha poc. El que prima per damunt de tot és la imatge. Les aportacions són benvingudes.

No related posts.

Interessant reflexió de la gent de 37signals en el seu blog. No és millor aprendre dels èxits que no pas fixar-se tant en els errors?
Perquè no intentar esbrinar amb més deteniment les claus de les accions que han acabat sent exitoses. I és que, és cert que potser es sobrevalora l’error com element per adquirir coneixement. Aquesta és una questió plena de matisos, de tonalitats de gris.

I abans que res. Com definir el que és error i el que acaba resultant un éxit. Com es medeix adequadament. No tot es pot mesurar amb variables booleanes  (sí/no).  Un error d’avui condueix a l’èxit demà. Però podria ser a la inversa, oi? Així doncs, la discusió no s’acaba mai!

Aquest és el post original (en anglès) de 37signals. El seu blog és molt recomenable, la veritat!!

No related posts.

Fins fa no gaire, per mostrar un titolar amb una tipografia no inclosa per defecte en el sistema, els dissenyadors generàvem una imatge, i un cop ajustada de colors i pes (podia ser un jpg o gif), la implementàvem a la nostra web.

Aquesta manera de fer presenta grans inconvenients, ja que tot plegat pesa molt (imagina una web on tots els títols son gifs o jpg) i sobretot fa impossible que els cercadors puguin llegir la imatges. Aquest darrer punt és fonamental de cara a donar a conèixer el nostre site. Si no t’indexa, i bé, Google, no existeixes, no hi ha negoci possible. També usar imatges d’aquest tipus per emular el text és un gran problema davant de canvis o si volem generar un contingut dinàmic.

Alternatives actuals

En aquest escrit de Visualpanic, Com usar noves fonts online, podeu tenir una bona visió de les tècniques més o menys actuals (preneu en pinces això d’actuals, eh?!) per no utilitzar imatges (gif, jpg, png). També, amb més detall, trobareu molt bona informació en aquest altre post de Smashing Magazine: Rich typography on the web techniques and tools. I més també en l’article Real web type in real web context de A List Apart.

Podem agrupar les opcions en dues categories
Tècniques substitutives,  que d’alguna manera emulen la font desitjada.
sIFR, P+C DTR, Cufón, Typeface.js, Facelift, SIIR, sIFR Lite, Dynamic Text Replacement (DTR), PHP Image Replacement, FontJazz,

Tècniques inclusives (oferides com un servei o llicència d’utilització). Anexen la font que volem mostrar als estils i còdi de la pàgina.
Typotheque, Kernest, Typekit, FontDeck

La millor opció

De totes les possibilitats jo em decanto per l’ús de tipografies Open Type per incloure la font (CSS @font-face) per d¡ferents motius.
No intenta imitar o reemplaçar res, És la font original!
Gran varietat de fonts a escollir de les cases de tipografia
Edició en Css com un altre element més. No afegeix gaire codi extra a la web i dóna les opcions d’estil directament.
Regles d¡us aprovades per W3C.

Alguns punts millorables.
Compatibilitat browsers. No tots els browser en permeten la visualització (cal tenir la font alternativa de sistema pensada )
Pes fitxers tipos.otf. Al tractar-se de la tipografia otf inclou tots els glifs (). No es pot fer la càrrega d’aquells caracters que necessitarem exclusivament.

Futur

Està clar que la gran diversitat de maneres de mostrar les tipogarfies online no perdurarà, o millor dit, alguna d’elles s’extendrà per convertir-se en standard i la resta quedaràn com a residuals. No forçosament serà la millor la que guanyi. Hi haurà altres factors, però principalment seràn factors tècnics.

Jo aposto per la utilització de @font-face en un escenari de compatibilitat en la majoria dels browsers. En aquest moment tots els dissenyadors que fan feina online hauràn de dominar els estils CSS perfectament, per ajustar la tipo. Sinò aquesta tasca la faran els maquetadors / programadors, amb la pèrdua de control sobre el disseny que a vegades pot suposar. També, i aquí espero fallar 100% en la predicció, la relativa facilitat d’aplicació de @font-face omplirà la web de sites amb uns bonics h1 pintats amb la Comic Sans!!!

No related posts.

La gent de Underware ha llançat una tipografia que trobo boníssima, molt bonica. Es tracta de la tipo Liza. No és una exepció dins de les tipos dissenyades per aquesta companyia. Nomès cal fer un cop d’ull a la seva web i al portfoli. Per exemple, la Bello, que també és excel.lent.
La Liza és una tipografia de tipus script, i està desenvolupada en 4 estils: Liza Text Pro, Liza Display Pro, Liza Caps Pro i Liza Ornaments Pro. A mi m’encanta. I m’agrada també gràcies a la feina d’explicació i documentació que acompanya a la tipografia. És d’una qualitat notable. Per exemple el PDF anomenat Liza’s user guide, amb 34 pàgines amb mostres d’utilització, lligadures, característiques tècniques, etc… Brutal! Si algú em vol fer un regal de 150€ ja sap…

No related posts.

Però aquest any no. El que més s’hi assembla és que l’estafador Madoff la té petita, però crec que és més que res enveja.

Igual passa amb la “cançó de l’estiu“. Quina és? Qui la canta? On s’amaga Georgie Dann? Això no pot ser. Es perden les tradicions.

Entre això i que ara resulta que més del 40% dels missatges de twitter son “cháchara inútil” no anem bé. Serà per culpa de la crisis? Fa massa calor?

No related posts.

Un esquema dels diferents estadis que es succeeixen per lograr una bona conversió i un bon rendiment en una acció de marketing online . La conversió significa convertir clicks en clients, o en visitants que finalitzen un procès donat (alta d’usuari, omplenar un formulari, realitzar una compra, solicitar informació, etc…)

Jo veig 4 passos primordials

Impressionar
Vol dir captar l’atenció, generar una impressió en el visitant. Si és positiva millor, és clar. Ser capaç de fixar i retenir l’atenció es indispensable per poder explicar el nostre missatge posteriorment.

Informar
Proporcionar la informació oportuna que encaixa amb el tipus o perfil del visitant. Oferir les característiques i arguments. Discurs narratiu estructurat. Argumentació comercial.

Convèncer i motivar
Introduïr aquells elements que causen una emoció positiva i ajuden a contruir una voluntat. Articular un motiu en base a sensacions que justifiqui una decisió.Conforma la part més subjectiva del procès.

Crida a l’acció
Impel.lir a la realització d’una acció determinada explicitant-la clarament. Fes click

Click!

No related posts.