Artículos clasificados en Maquetación y estándares

04/05/2009

Publicados los contenidos de la www2009

Una gran cantidad de información de los diferentes temas que se han tocado en el reciente  www2009 de Madrid, se pueden encontrar en esta web.

24/04/2009

Estadísticas clientes de correo

Consultando la web Email Standards Project, hemos llegado al Blog de Campaign Monitor, donde hemos podido leer unas estadísticas acerca de clientes de correo interesantes.

Según los datos que recaptan mes a mes en sus estadísticas, vemos que el uso de los clientes de correo en marzo de 2009 fue el siguiente:

  • 33,20% Outlook 2000, 2003 y Express
  • 16,19% Yahoo
  • 15,29% Hotmail
  • 6,62% Outlook 2007
  • 5,77% Apple Mail 3
  • 5,27% GMail
  • 3,97% iPhone 2.0
  • 2,09% Apple Mail 2
  • 1,84% Lotus Notes 6-7
  • 1,54% AOL Desktop 9.1
  • 1,07% Thunderbird 2
  • 0,60% iPhone Touch

Hemos de tener en cuenta que estas estadísticas están captadas según la detección de las imágenes en los correos, por lo que pueden haber beneficiado a Outlook 2000 o iPhone y  perjudicado a aquellos que bloquean las imágenes por defecto como GMail o Outlook 2007. De todos modos, es una buena referencia a modo de consulta.

09/03/2009

Safari 4 beta

Hace unos días, Apple lanzaba Safari 4 beta. Hemos estado revisando las nuevas características que ofrece y tiene algunas muy interesantes. Destacamos las siguientes:

  • Nitro Javascript engine: Más rapidez en la navegación. Según los resultados de las pruebas de iBench y SunSpider, es 30 veces más rápido que Internet Explorer 7 y 3 veces más que Firefox 3.
  • Herramientas para desarrolladores: Paquete de herramientas para desarrolladores (examinar estructuras, depurar javascript…).
  • Cumple los estándares del test Acid3.

Más información:

23/02/2009

Diferencias entre HTML4 y HTML5

Desde la W3C siguen trabajando en la futura versión de HTML5. De hecho el pasado día 12 de Febrero publicaban un nuevo borrador de la versión junto a otro que describe las diferencias entre HTML4 y HTML5: HTML5 Differences from HTML4.

Para echarle un vistazo rápido puedes acceder a los siguientes apartados:

18/02/2009

H1, ¿titular o logo?

Es muy común en estos días encontrar votaciones en los hilos de conversación de Twitter. El último que hemos visto es The H1 debate, un debate acerca de si la etiqueta H1 de HTML debe contener el logo corporativo o el título principal de la página en la que se encuenta.

Según la guía de referencia rápida de xHTML de la W3C, el elemento textual H1 está definido semácticamente como:

El H1 es el encabezado de primer nivel. De mayor relevancia.

Por otra parte la especificación de HTML dice:

Un encabezado describe brevemente el tema de la sección que introduce. La información de encabezado puede ser utilizada por los agentes de usuario, por ejemplo, para construir una tabla de contenidos de un documento automáticamente.

Hoy el debate tiene unos resultados de 32% para H1 como logo y 68% para H1 como titular (326 votos)

12/01/2009

Lorem Ipsum

Ya conocíamos la extensión de Firefox que facilita la creación de textos automática: Dummy Lipsum. La web que no conocíamos es HTML-Ipsum, sin duda curiosa. Como se ve en la web, hay información maquetada en HTML para que puedas cortar y pegar directamente en tu código.

html-ipsum-logo

Es realmente últil, ya que tienes: Parágrafos largos y cortos, Listas ordenadas y desordenadas (con los items largos o cortos), Tablas y hasta un bloque que ellos llaman “fregadero de la cocina” (Kitchen sink) donde hay un código con los elementos más comunes que pueden aparecer en una página web (h1, p, strong, em, h2, h3, ul, ol…).

Además, en la parte superior derecha de la web, hay una serie de utilidades. Por ejemplo GEdit Snippets para Linux o Coda Clips, TextMate Bundles y Menu Bar Apps para Mac. Sin duda un buen complemento.

03/01/2009

Los tres círculos del infierno

Gracias al siempre interesante Uberbin, descubrimos el nuevo artículo de Molly E. Holzschlag en A List Apart; Web Standards 2008: Three Circles of Hell.

El artículo plantea la problemática de los estándares web respecto al crecimiento e implantación de los mismos. Para ello forma 3 grupos para aglutinar los roles que intervienen en el uso y desarrollo de los estándares web:

  • Primer círculo, académico y científico (W3C)
  • Segundo círculo, revolucionarios (grupos de trabajo independiente)
  • Tercer círculo, interesados (tecnologías propietarias)

La autora revisa cada círculo y expone sus pros y sus contras. Lo que da validez al artículo es que Molly E. Holzschlag habla con conocimiento de causa y mucho criterio. Creemos que es de obligada lectura para todos aquellos que pertenezcan a cualquiera de los tres círculos del infierno…

17/12/2008

Lo que se dice de Tuenti

Leemos en el blog de Tuenti el post Esta semana dicen de nosotros. En él encontramos varias referencias a artículos en la prensa nacional. Además de alguno de los que aparecen en dicho post, añadimos un referencia más que apareció el pasado domingo en El País.

El País, 14/12/08

O estás en Tuenti o perdiste el tren

Tuenti es una herramienta de comunicación que está causando furor entre colegiales y universitarios. Con ella los jóvenes van agregando amigos con los que comparten mensajes, información y fotografías… seguir leyendo.

El Mundo, 07/12/08

Cuando todos caen en la redes

Lo que ayer era terreno de frikis, hoy llega a todos los públicos. Sólo Tuenti, la red más utilizada de España, cuanta con más de tres millones de usuarios activos y 7.500 millones de páginas vistas cada mes. El antaño imprescindible messenger, los fotos y los chats pertenecen ya a la prehistoria.

El Economista, 05/12/08

¿Las las nuevas redes sociales online un arma de doble filo?

Una red social es “una herramienta para facilitar la comunicación entre gente que se conoce, 50 ó 60 amigos de los diferentes entornos sociales de una persona ya sea el colegio, universidad o trabajo y con los que podemos compartir no sólo mensajes, sino también fotos, vídeos o experiencias. Así define a Tuenti su director de comunicación, uno de los casi 40 empleados de esta joven pero muy consolidada empresa que nació hace tan sólo 20 meses. En un tiempo récord la compañía ha desbancado a los gigantes mundiales que, como FaceBook o MySpace, proponen algo similar.

La Gaceta de los Negocios, 12/12/08

Tuenti gana terreno

El éxito de Tuenti es innegable. Ya conocíamos su aumento en usuarios únicos y sobre todo lo llamativo de los tiempos de permanencia en la página. Los últimos datos que arroja la herramienta de Google, Google Trends lo dejan claro. A lo largo de 2008 Tuenti ha conseguido distanciarse de su máximo competidor, Facebook, y el hueco que ha abierto se sigue incrementando. También continúa creciendo la distancia si usamos otra herramienta de Google, la que mide las búsquedas de determinadas palabras. Tuenti se consolida en la segunda posición tras ‘Youtube’ e incluso ha llegado, algunos día a arrebatarle el puesto al famoso portal de videos.

La Razón, 11/12/08

Tuenti: el triunfo de España en Google

Como cualquier internauta avezado supondrá, 2008 ha sido el año de teclear «financial crisis», «depression», «wall street» y «stock market» –en cualquier idioma, claro–, así como «Obama», «McCain» e incluso «Sarah Palin», convertida en una auténtica chica Google. Pero también ha habido hueco, y mucho, para Hannah Montana, Heath Ledger, Paul Newman y las series «Heroes»  y «Prison Break». Sin embargo, esto era mucho más previsible que la sorpresa española del año: la red de contactos Tuenti se ha colado en la cuarta posición de lo que Zeitgeist («el espíritu del tiempo» en alemán) bautiza como «el crecimiento más rápido de 2008».

09/12/2008

Correos HTML y su soporte en clientes de correo

Muchas veces tenemos que lidiar con cómo se ve el HTML y las CSS en varios gestores de correo electrónico debido a emails generados por Newsletter. Existe un proyecto de interés al respecto: Email Standards Project. Éste trabaja con los desarrolladores de clientes de correo y también con la comunidad de diseñadores, dando soporte a los estándares de desarrollo y la accesibilidad en los emails.

Ofrece información realmente valiosa. Email Standards revisa los gestores de correo más conocidos y ofrece información específica de cada uno de ellos, especificando desde su estado actual (pobre, medio, excelente), hasta qué características de HTML y CSS se aceptan y cuáles no.

Gestores de correo electrónico que no funcionan bien:

  • Google Mail
  • Lotus Notes 8
  • Outlook 2007

Gestores de correo electrónico que deben mejorar:

  • Windows Live Hotmail

Gestores de correo que funcionan bien:

  • AOL Webmail
  • Apple Webmail
  • Apple MobileMe
  • Eudora (Penelope)
  • Entourage
  • Thunderbird
  • Windows Live Mail
  • Windows Mail
  • Yahoo Mail
  • Yahoo Mail (Classic)

También es interesante ver los resultados de su Acid Test, del que incluyen un screenshoot de cada gestor de correo.

19/11/2008

Estándares web móvil

Desde hace años existe la MWI Mobile Web Iniciative. Esta iniciativa, impulsada por la W3C, es la que se preocupa de establecer unos estándares web para móviles por los cuales, algún día, se pueda navegar por internet con cualquier dispositivo. Lo que en realidad es una utopía.

Lo que consideramos un paso firme en esta iniciativa es el validador web mobile-friendly. Este validador, que todavía es beta, permite validar si la web respeta los estándares web móvil que está estableciendo la W3C.

Más información:

  • MWI Team Blog: En este blog, los miembros de la W3C que trabajan en la MWI, publican regularmente información interesante acerca de la MWI y temas relacionados con la web para móviles.
  • Notas en prensa: Notas en prensa acerca de la Inciativa Web para Móviles.
  • Planet Mobile Web: Colección de RSS de acerca de 50 blogs con información acerca de web para móviles y temas relacionados. Los artículos se presentan en una página simple.
  • Rincón de desarrolladores: Contiene muchos enlaces con material para desarrolladores web.
  • Buenas prácticas para móviles: Guía básica.