XHTML vàlid?

Aquells que tenim el blog obert a bloc.cat utilitzem unes plantilles, la majoria de les quals tenen una etiqueta (normalment al peu del blog o a la banda dels enllaços del RSS) que diu, més o menys, 'Vàlid XTHML'. No us heu preguntat mai què vol dir? L'XHTML és l'evolució del HTML, que és el codi amb el qual estan fetes la majoria de les pàgines web (o el blog). Es tracta d'una versió html més estricta, complint les especificacions de l'XML. En aquesta versió, l'estructura del llenguatge és més rígida, per exemple obliga a no deixar etiquetes obertes. No us poso una definició de cada terme, si voleu més informació podeu clicar als enllaços.

La necessitat d'aquest canvi va venir, principalment, a que Internet és accessible des d'una diversitat de dispositius: pda, mòbils…, no tan sols des de navegadors ubicats en un ordinador. Aquesta diversitat de dispositius porta implícita una diversitat de visualitzacions, la qual cosa comportava la necessitat de separar contingut de disseny, no és el mateix visualitzar una pàgina web en una pantalla d'ordinador que en una pantalla de pda. Aquí és on entra l'XML, que permet crear estructures de dades d'una forma molt senzilla. El contingut, la informació, s'ha de codificar fent servir aquest llenguatge. Per la part de disseny va agafar força l'ús dels fulls d'estils (fitxers CSS). Així, modificant el full d'estils podem generar diferents formes de visualitzar una mateixa informació sense necessitat de retocar-la, la qual cosa permet reutilitzar les dades i rebaixar costos. Si feu una prova d'impressió d'aquest blog podreu veure què pot fer un full d'estils, oi que no es veu igual que en pantalla? Això és per què en el cas del dispositiu 'impressora' s'ha definit que alguns del elements que sí es visualitzen en pantalla no són necessaris. I la barreja d'html, xml i ús de css és el que s'anomena XHTML, que és un pas cap a l'anomenada 'web semàntica', però això ja seria matèria per altres posts…

Valid XHTML 1.0 TransitionalSeguint amb el títol, que el nostre blog o pàgina web porti l'etiqueta 'Vàlid XHTML' és tant una declaració com una obligació. Estem dient que, a l'hora de generar continguts, fem cas de l'especificacions XHTML. Per tant, no hauria d'estar en aquells llocs on això no es complís. Aquestes especificacions no es creen a l'atzar, les promou el World Wide Web Consortium (W3C), que és un consorci internacional que treballa per a desenvolupar i promocionar estàndards per al Web.

I després de tanta teoria, anem a la pràctica, la pàgina web del W3C té un validador que permet veure si un lloc compleix les especificacions o no. Si les compleix us surt un informe en verd i us permet afegir una imatge com la d'aquest post, si no us treu una llista d'errors per tal que en feu la revisió. No us espanteu, molts errors petits generen un munt de línies a l'informe, a vegades són sol·lucionables amb petites esmenes.

Com està la cosa, la vostra pàgina és XHTML vàlida?

[@more@]

35 comentaris

Blogs anònims

Llegia a Vilaweb la notícia sobre la condemna a quatre anys de presó del blogaire Abdelkareem Nabil, sota acusació d'haver insultat l'islam i el president del país. A més de la meva solidaritat cap a ell i a la llibertat d'expressió que ha de permetre poder escriure unes opinions personals en un blog, em venia al cap el post de la Mireia, sobre els blogs anònims, i la discussió que hi ha sobre si la gent que tenim blog 'hem de donar la cara' i signar amb el nostre nom els articles que publiquem.

DNI Pel que veig, la major part dels blogaires que llegeixo o que passen per aquí fan servir un nick que no els identifica. No em sembla que siguin menys creïbles que algú que utilitza un nom, fins i tot en blogs on el contingut és clarament ficció. Utilitzar pseudònim no és una figura nova, s'ha utilitzat a la literatura de forma habitual al llarg del temps. Un blog és un espai personal, i cadascú l'utilitza de la forma que creu convenient, si vol utilitzar el nom que té al DNI o no és una decisió pròpia i que no hauria de ser motiu de desqualificació. L'altre dia m'ho comentava la Mireia, si en lloc de posar un nick que es veu clarament inventat utilitzés un nom que pogués semblar versemblant algú es dedicaria a comprovar que existeix de debò?

He estat donant voltes a per què faig servir un nick que no m'identifiqui i intento conservar el meu anonimat. Aquest no és un blog compromès, que digui coses que puguin ofendre, intoxiqui o faci comentaris sobre altres persones. Tampoc tinc interès per aconseguir notorietat o ser admirat, ni escric en el blog com una forma d'alliberar un escriptor frustrat que pugui portar en el meu interior. Escric per què em ve de gust fer-ho, sense cap altra pretensió. Així, d'on ve aquest interès en ser anònim? L'única explicació que he trobat és preservar la meva intimitat, la qual em permet poder parlar del que vulgui sabent que la gent llegeix i comenta única i exclusivament pel contingut, no per qui ho escriu.

Quins són els vostres motius per ser anònims?

[@more@]

51 comentaris

Bony o Tigretón

BonyUn dels records que tinc de quan era petit és el tema dels berenars. A casa els pares la cosa normalment es solucionava amb un entrepà, però alguna vegada hi havia sort i queia alguna cosa diferent. El premi gros era quan podíem anar a una granja que hi havia prop de casa a menjar una ensaïmada farcida amb nata.

A vegades ens compraven un pastisset de Bimbo. Aleshores, com ara, n'hi havia bastants per triar (em ve al cap el Bony, el Tigretón, el Bucanero o la Pantera Rosa). Sempre triava el Bony. Era (és) un pastís de briox recobert de xocolata i farcit de melmelada de maduixa. El Tigretón era igual però tenia el farciment de nata. Encara que les diferències eren mínimes, els nens ens repartíem en dos grans grups, a qui els hi agradava el Bony i els seguidors del Tigretón, com dos grups socials diferenciats i irreconciliables. La Pantera Rosa tenia pocs seguidors, aquella cobertura de xocolata rosa no semblava gaire fiable.

Avui encara es venen. Com pot ser, doncs, que sent els progenitors, tots dos, seguidors declarats del Bony, la pubilla ens hagi sortit del bàndol del Tigretón?

Ahir vaig fer aquesta pregunta a la Musa, que em va confessar que era de la Pantera Rosa. I vosaltres, de quin grup sou?

[@more@]

52 comentaris

HDR

Són les sigles de "High Dynamic Range". És tracta d'una tècnica de generació d'imatges per ordinador, de tal forma que a partir d'unes quantes fotografies d'un mateix motiu fetes amb diferents exposicions se'n genera una sense contrastos i un alt nivell de realisme. La idea és intentar simular el funcionament del nostre ull, que adapta l'iris a les condicions de llum existents per tal d'observar correctament i sense perdre detall allò que volem veure.

Suposem que tenim una foto subexposada, una normal i una altra sobreexposada. Cadascuna agafarà una informació diferent en funció del nivell de luminositat que detecta, amb diferents nivells d'ombres i contrastos. La renderització posterior aconsegueix unificar les 3 imatges en una sola, perfectament exposada i amb un alt nivell de detall en totes les parts de la fotografia. Quantes més fotografies tinguem més qualitat final podem aconseguir.  El resultat és molt espectacular.

Us poso un parell d'exemples que he trobat per internet del que es pot fer. Cliqueu sobre les imatges per  veure més fotografies.

Exemple de fotografia en HDR

Exemple d'HDR d'interior

Aquest post va per l'Elur, que fa unes fotografies molt maques encara que no siguin en HDR. Va ser ella qui em va parlar d'aquesta tècnica de retoc digital.

[@more@]

28 comentaris

Verdana

Tipografia VerdanaDel post on vaig comentar la meva intenció de modificar el tipus de lletra del blog ha sortit com a guanyadora la Verdana, amb 14 votacions. De fet, tal com comentava la Mireia amb molt d'encert, ja hi ha estudis sobre aquestes coses. I ha coincidit la vostra tria amb les conclusions d'aquests estudis.

Us agraeixo la vostra col·laboració, m'he quedat sorprès amb la quantitat de comentaris, l'interès sobre aquest tema i per la coincidència del resultat amb els estudis previs.

I ara la pregunta, què pot tenir la Verdana que la fa guanyadora? Doncs principalment que va ser dissenyada pensant per a la seva lectura per pantalla. Els estudis han demostrat que en ordinador funcionen millor els tipus de lletra sans serif (les que no tenen cap filigrana al final del traç). Això passa per què, degut a la pixelació de la pantalla, aquests tipus de lletres es veuen més nítids i, per tant, cansen menys la vista. I quin és l'avantatge de la verdana sobre la resta de tipografies sans serif? Doncs que en el seu disseny es va tenir en compte el pixel, la unitat mínima d'informació de visualització en pantalla. Així, la seva estructura està pensada per a veure's correctament fins i tot en mides petites. També es va tenir en compte el kerning, o separació entre lletres, de tal forma que en qualsevol resolució es pugui llegir còmodament (per exemple, evita encavalcar r i n de tal forma que s'arribi a confondre amb una m). També es va evitar, en el seu disseny, confussions tant comuns en altres tipografies com la de representar la i la l pràcticament iguals, per exemple.

Així doncs, tal com recomanen els estudis d'usabilitat, en cas de dubtes de quina tipografia utilitzar en pàgines web on el text és important, escollir una Verdana 12 assegura fer una bona tria.

Per cert, va ser feta per Matthew Carter el 1996 a encàrrec de Microsoft.

[@more@]

31 comentaris

14 de febrer

Radio Futura va fer aquesta cançó adaptant el poema Annabel Lee d'Edgar Allan Poe. El poema és de 1849 (va ser l'últim del Poe abans de morir) i la cançó del 1986, però encara conserva la seva força. Crec que lliga molt bé amb la data d'avui.

[@more@]

23 comentaris

Tipografia al blog

Continuant amb els canvis al blog, estic pensant modificar el tipus de lletra que ve en aquesta plantilla. La que hi ha em sembla petita i difícil de llegir. He estat fent proves amb diferents tipografies, però m'agradaria saber la vostra opinió abans de prendre una decisió. Dels models que us poso a continuació, quin és el que més us agrada, trobeu més còmode de llegir, menys us molesta? Us numero els paràgrafs per tal que sigui més còmode fer el comentari. Si els veieu iguals (no ho són) feu un F5 per actualitzar la memòria del navegador.
Gràcies a tothom 🙂

  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer dapibus. Vestibulum tincidunt blandit nunc. Donec ornare. Proin sodales quam in est. Phasellus porta consequat arcu. Quisque et lacus. Suspendisse dictum risus vitae enim. Donec laoreet magna et tellus. Maecenas egestas. Donec ac velit mattis ipsum rutrum dapibus. Duis magna ante, suscipit quis, luctus a, semper eget, nulla. Aliquam mattis metus. Donec facilisis mi ac magna. Suspendisse massa quam, rutrum a, ultricies non, interdum in, neque. Mauris lorem lorem, sagittis a, fermentum at, vehicula nec, velit. In pellentesque auctor justo. Morbi rhoncus consectetuer urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut varius massa non nisi.
  2. Fusce eros lorem, lacinia id, euismod ac, pretium quis, nulla. Morbi tempus, erat at sagittis ultricies, libero lorem cursus eros, at sodales elit orci ac nulla. Sed sed augue. Duis erat nibh, imperdiet sit amet, semper a, sodales vel, lectus. Donec eu nulla. Nullam convallis tempor risus. Morbi hendrerit, turpis et tincidunt venenatis, nisi ligula rhoncus ligula, eget ultrices orci sapien ultricies risus. Donec nunc diam, posuere sit amet, mattis at, vehicula sed, justo. Suspendisse posuere. Nam nisi mauris, sollicitudin et, tincidunt in, sollicitudin id, lorem. Sed sit amet mi. Suspendisse et mauris.
  3. Aliquam erat volutpat. Nunc dolor quam, tempor tempor, scelerisque ut, cursus vel, mauris. Phasellus iaculis scelerisque dolor. Morbi pharetra igula. Morbi in ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus ultricies dui eget magna. Etiam congue fermentum metus. Aenean ac sapien at massa tempor euismod. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque nibh eros, semper a, porttitor ac, posuere eu, lorem. Aliquam erat volutpat. Maecenas ut massa. Maecenas risus. Fusce tortor justo, feugiat eu, euismod nec, volutpat sit amet, ipsum. Praesent varius. Sed erat. Suspendisse ullamcorper. Maecenas mauris enim, sodales quis, blandit sed, fringilla eleifend, ipsum. In hac habitasse platea dictumst.
  4. Aliquam consectetuer. Aliquam blandit. Curabitur rutrum, elit sit amet consequat posuere, elit pede condimentum nisi, vel eleifend lorem mauris in metus. Nam pede dui, dignissim et, lobortis ut, pulvinar vitae, felis. Quisque lacus. Pellentesque dui pede, placerat placerat, semper sed, vulputate eget, justo. Pellentesque sollicitudin nisi eu nulla. Etiam nonummy imperdiet arcu. Suspendisse lobortis. Sed enim eros, venenatis et, tincidunt at, pellentesque ac, magna. Nullam gravida enim sed diam.
  5. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec hendrerit. Donec quam ante, lobortis ac, tempus luctus, blandit vel, quam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sapien velit, viverra sed, euismod ut, laoreet ac, tortor. Nam tristique auctor tellus. Sed elit quam, ultricies at, eleifend aliquet, vehicula a, mauris. Donec ornare mauris mollis lorem. Mauris faucibus tincidunt diam. Cras auctor dui ullamcorper dui. Curabitur accumsan tortor lobortis sem sollicitudin elementum. Aenean sit amet enim. Donec orci dolor, rutrum nec, fringilla sed, sodales a, tortor. Praesent fringilla, mi at viverra sollicitudin, arcu felis porta massa, et venenatis diam orci sed risus. Mauris quis ligula id odio elementum venenatis. Aenean euismod vestibulum pede.

Lorem ipsum (lipsum, en forma reduïda) és el text que s'usa habitualment en disseny gràfic en demostracions de tipografies o d'esborranys de disseny per a provar el disseny visual abans d'inserir el text final. Això es deu al fet que quan el text és llegible, els usuaris solen centrar-se en el que diu el text i no en el disseny, que és l'objectiu en aquest cas.

El text és aproximadament del 1500, una còpia de l'obra de Ciceró De finibus bonorum et malorum (En el límit del bé i del mal)

http://ca.wikipedia.org/wiki/Lorem_ipsum

[@more@]

41 comentaris

Privacitat?

Al post anterior va sorgir un dels temes dels que crec que més es parlarà en el futur. Cada cop la nostra vida està 'ajudada' per eines informatitzades. Aquesta informació del què fem, on gastem, què gastem, per on passem, on viatgem, què comprem, què estudiem, amb qui parlem, els nostres blogs, fotologs, dades fiscals, penals, bancàries, els sms… en definitiva, la nostra vida, un munt d'informació que ens defineix i de la qual sols nosaltres en tenim coneixement global, es pot arribar a lligar per mitjà dels ordinadors. De fet, no deixa de ser informació pública, però fins ara era coneixement que era públic de forma parcial i que ens deixava un marge de privacitat.

Inspector GagdetAlgú que hagi estudiat amb mi us podria explicar coses meves, la gent que ens trobem a la blogosfera tenim una altra petita caixa d'informació de com som, o quan pengem un fotolog pels amics, o pels correus, la gent de la feina, els amics us podrien explicar quins llibres o pel·lícules m’agraden, les meves aficions, el bibliotecari us podria dir què agafo, les videocàmeres dels diferents caixers ens poden dir per on passem i quan ho fem… Però fins ara si algú ho volia saber l'esforç d’esbrinar tot això era una tasca difícil (de fet, existeix la professió d'investigador) i així i tot és gairebé impossible que algú ho trobés tot. Fins fa relativament poc aquesta informació podia existir sense estar lligada, però això la tecnologia ho canviarà.

Internet ens posa a l'abast molta informació, de la qual tots ens beneficiem, i estem contents de tenir-la. Però també s'hi comencen a trobar dades nostres i aleshores ja no ens sembla tan correcte. Això sembla imparable, sols és qüestió de temps que algun programa faci una cerca exhaustiva per tota la informació existent i faci un mapa de com és una persona (de fet, Google no és un cercador exhaustiu?). No fa gaire va sorgir el cas d'AOL, que va fer públic les cerques que realitzavent els seus usuaris. De fet, no sortia per enlloc noms ni cognoms, però a partir d'aquí es va arribar a identificar alguna persona que ho havia fet. No fa gaire ha passat un cas pitjor, es va detenir unes persones per un cas de pornografia infantil. Bé, doncs unes de les persones utilitzava un nick que, malauradament, era el mateix d'un altre que no hi tenia res a veure. Algú va fer una cerca per internet, va trobar una pàgina web amb un correu i dades personals del segon i va iniciar una campanya de linxament via internet fins que es va descobrir l'equivocació.

Estic segur que s'hauran de reformar un munt de lleis, però ens hem de preparar per viure en una societat de la informació on nosaltres també serem part del tauler. Fins on estem preparats a assumir aquest rol? Quina part de privacitat estem disposats a perdre?

[@more@]

16 comentaris

De llicències i programes

Aquest matí he rebut un correu que m'anunciava un producte que ha tret Google i que em sembla que pot funcionar molt bé. Es tracta del GoogleDocs y Hojas de Cálculo. Què és? Molt fàcil, un processador de textos i un full de càlcul via web. La idea no és nova, fa temps que es parla d'aquestes coses, fins i tot van sorgir els anomenats NetPC, que eren màquines sense disc dur on tot es distribuïa mitjançant un xarxa client/servidor, fins i tot els programes. No va tenir èxit, entre altres motius, per què la gent no estava disposada a renunciar a la potència que estaven adquirint els ordinadors personals, per què aquesta implantació suposava una forta inversió en tot el cablejat de comunicacions si es volia un rendiment acceptable, i també per què hi havia la sensació de pèrdua del control dels documents personals, on es trobaria desada físicament la meva informació?

En canvi, crec que ara estem en una etapa més madura, la majoria tenim comptes de correu webmail, als quals hi podem accedir des de qualsevol ordinador del món amb accés a internet. La preocupació que això estigui físicament desat en un servidor del qual no tenim el control no és tant forta. De fet, per fer-ne la prova estic fent aquest post utilitzant aquest programa. Com podeu veure a la imatge, té les opcions més bàsiques per editar textos, i un avantatge molt important, és poden fer revisions en línia sense haver d'enviar el fitxer físicament (fins a 50 editors simultàniament, segons anuncien). Per cert, per la gent que té blogger hi ha una opció per editar i publicar directament des d'aquesta eina. Si algú ho prova i ens vol fer cinc cèntims tindrem una altra opinió.

 

Pantallaso GoogleDocs

Em dóna la sensació que s'està obrint una nova etapa pel que fa al tema de llicències de programes, entre les versions de codi obert i les opcions via web alguns proveïdors (llegeix Microsoft, en aquest cas) hauran de modificar la seva política pel que fa a aquests productes. Mentre alguns dediquen esforços a tancar els seus programes, altres els dediquen a oferir-los en obert. A veure com acabarà aquesta batalla…

[@more@]

26 comentaris

Tecnologia obsoleta

Discman de SonyL'altre dia vaig veure pel carrer una noia que escoltava música amb un Discman i se'm va fer estrany, ara tothom va amb reproductors MP3. Em va recordar el canvi que va suposar, en el seu moment, l'aparició dels cds sobre els Walkman. És curiós, veure com neixen i moren aparells per obsolescència. Una mica passa com a la resta de coses, per exemple en el cas de professions que han desaparegut i que han estat substituïdes per altres de noves. En el cas dels aparells tecnològics el ritme, però, és molt accelerat.

No fa gaire Intel anunciava un nova tecnologia que permetia produir transistors més petits. Ja està a punt la tecnologia per fabricar targes de memòria de Terabytes de capacitat. La presentació del telèfon d'Apple, l'iPhone, també suposarà un canvi qualitatiu pel que fa a les prestacions d'aquests aparells. WalkmanEstic convençut que els MP3 quedaran absorbits pel mòbil, fins i tot la fusió entre PDAs i mòbil en un sol aparell també em sembla més que previsible.

Ara em venen al cap el walkman (o els cassetes en general), el discman, els disquets d'ordinador… o altres, que no els vaig veure néixer però sí quedar obsolets, com les màquines d'escriure, d'aquí res els televisors de tub, la fotografia analògica…

Us ve al cap alguna màquina o tecnologia que hagueu vist néixer i morir per obsolescència?

[@more@]

47 comentaris