1. Fan de Apple: Aunque el tito Steve Jobs tenga sus cosas, es innegable la calidad y el diseño de cada uno de los productos que lanzan.
2. Fan de Paulaner: Una Paulaner bien fría, -preferentemente de trigo, con su color anaranjado- y servida en su vaso típico.
3. Fan de Google: Aunque era más fan hace tiempo cuando realmente llevaban casi al pie de la letra su eslógan: Don’t be evil, me encanta trastear con cada uno de sus productos e incluso aquellos que no tienen un éxito desde el primer día.

Por supuesto, mencionar a los que tuvieron la idea: este artículo de Marketing Take Way y dicho esto, paso el meme a:

• @DanielUlczyk
• @Gotardo
• @belen_parra
• @Angel_Alvarez
• @ideup
• @lima_limon

Y en general, a todo el que quiera recoger este meme.

iPad Human Interface Guidelines es una guía publicada por Apple que contiene una serie de pautas que se deberían seguir para un desarrollo. Esta guía consta de tres partes principales:

• Key iPad Features and Characteristics: da una visión general del iPad centrándose en las características que lo diferencian del iPhone.
• From iPhone Application to iPad Application: describe algunas estrategias y trucos para pasar aplicaciones del iPhone al iPad.
• iPad User Experience Guidelines: lista los puntos que servirán de ayuda para crear una gran experiencia de usuario en el iPad.
• iPad UI Element Guidelines: describe de qué forma se utilizan los elementos de la interfaz de usuario en el iPad. Y podríamos decir que es el que más nos afecta desde el punto de vista de frontend.

Completaremos este mini-artículo con otro enlace que nos puede venir de perlas a la hora de diseñar para el iPad: iPad GUI PSD. Un PSD de 24 Mb con todos los elementos gráficos para diseñar cualquier aplicación para el iPad.

SunSpider JavaScript Benchmark Results

En una comparativa con las últimas versiones de los navegadores más utilizados, no sale mal parado. Más rápido que la Alpha de Firefox 3.7, más rápido que Opera 10.10; pero más lento que Safari 4 y Chrome 4. Aunque ya es un avance en comparación con Internet Explorer 8 (unas siete veces más rápido).

Acid 3 Results

Quizá en la parte en la que más se tiene que poner las pilas el equipo de desarrollo de Internet Explorer. En esta preview, el resultado es muy pobre: 55 sobre 100. Aún muy lejos de los 72 sobre 100 de Firefox 3.6 y de los 100 sobre 100 de Chrome 4 y Safari 4.

Selectores CSS3

El apartado del que Microsoft está mas orgulloso. En un test realizado el pasado 14 de marzo, lograron completar satisfactoriamente las 43 pautas.

En resumidas cuentas, es una muy buena noticia, aunque habrá que seguir con detalle la evolución el trabajo de los desarrolladores. A ver si por fin tenemos un Internet Explorer que merezca la pena.

Es por ello, por lo que durante la tarde-noche de ayer, un conjunto de periodistas, bloggers e internautas, redactaron el siguiente manifiesto. Si estás de acuerdo, por favor, difúndelo por todas las vías que puedas.

Ante la inclusión en el Anteproyecto de Ley de Economía Sostenible de modificaciones legislativas que afectan al libre ejercicio de las libertades de expresión, información y el derecho de acceso a la cultura a través de Internet, los periodistas, bloggers, usuarios, profesionales y creadores de internet manifestamos nuestra firme oposición al proyecto, y declaramos que…

1. Los derechos de autor no pueden situarse por encima de los derechos fundamentales de los ciudadanos, como el derecho a la privacidad, a la seguridad, a la presunción de inocencia, a la tutela judicial efectiva y a la libertad de expresión.
2. La suspensión de derechos fundamentales es y debe seguir siendo competencia exclusiva del poder judicial. Ni un cierre sin sentencia. Este anteproyecto, en contra de lo establecido en el artículo 20.5 de la Constitución, pone en manos de un órgano no judicial -un organismo dependiente del ministerio de Cultura-, la potestad de impedir a los ciudadanos españoles el acceso a cualquier página web.
3. La nueva legislación creará inseguridad jurídica en todo el sector tecnológico español, perjudicando uno de los pocos campos de desarrollo y futuro de nuestra economía, entorpeciendo la creación de empresas, introduciendo trabas a la libre competencia y ralentizando su proyección internacional.
4. La nueva legislación propuesta amenaza a los nuevos creadores y entorpece la creación cultural. Con Internet y los sucesivos avances tecnológicos se ha democratizado extraordinariamente la creación y emisión de contenidos de todo tipo, que ya no provienen prevalentemente de las industrias culturales tradicionales, sino de multitud de fuentes diferentes.
5. Los autores, como todos los trabajadores, tienen derecho a vivir de su trabajo con nuevas ideas creativas, modelos de negocio y actividades asociadas a sus creaciones. Intentar sostener con cambios legislativos a una industria obsoleta que no sabe adaptarse a este nuevo entorno no es ni justo ni realista. Si su modelo de negocio se basaba en el control de las copias de las obras y en Internet no es posible sin vulnerar derechos fundamentales, deberían buscar otro modelo.
6. Consideramos que las industrias culturales necesitan para sobrevivir alternativas modernas, eficaces, creíbles y asequibles y que se adecuen a los nuevos usos sociales, en lugar de limitaciones tan desproporcionadas como ineficaces para el fin que dicen perseguir.
7. Internet debe funcionar de forma libre y sin interferencias políticas auspiciadas por sectores que pretenden perpetuar obsoletos modelos de negocio e imposibilitar que el saber humano siga siendo libre.
8. Exigimos que el Gobierno garantice por ley la neutralidad de la Red en España, ante cualquier presión que pueda producirse, como marco para el desarrollo de una economía sostenible y realista de cara al futuro.
9. Proponemos una verdadera reforma del derecho de propiedad intelectual orientada a su fin: devolver a la sociedad el conocimiento, promover el dominio público y limitar los abusos de las entidades gestoras.
10. En democracia las leyes y sus modificaciones deben aprobarse tras el oportuno debate público y habiendo consultado previamente a todas las partes implicadas. No es de recibo que se realicen cambios legislativos que afectan a derechos fundamentales en una ley no orgánica y que versa sobre otra materia.

Tipos de etiquetas

Etiqueta <del>

• Esta etiqueta la utilizaremos para indicar el texto que queremos actualizar (o corregir).
• Dentro de ella no podemos incluir ninguna etiqueta que sea de bloque (div, p, …).
• Debe utilizarse conjuntamente con la etiqueta <ins>.

Etiqueta <ins>

• Esta etiqueta la utilizaremos para indicar el texto que acabamos de insertar y que corrige el texto anterior marcado con <del>.
• Dentro de ella no podemos incluir ninguna etiqueta que sea de bloque (div, p, …).
• Debe utilizarse conjuntamente con la etiqueta <del>.

Uso de las etiquetas

El texto que deseamos actualizar -bien por un error, bien porque se ha quedado obsoleto- estará encerrado entre las etiquetas <del> y </del>, seguido a continuación por el nuevo texto encerrado entre las etiquetas <ins> y </ins>.

Recordamos que para ámbas etiquetas, dentro de las mismas debe haber contenido en línea, dejando fuera las etiquetas de bloque.

Atributos de las etiquetas

A parte de los atributos ya conocidos que puedan llevar como id, class, title recalcaría los dos siguientes que son opcionales y aplicarían a ambas etiquetas.

• cite: Especifica la URL en la que se explica el motivo por el que se ha borrado ese texto (o insertado/cambiado) según sea <del> o <ins> respectivamente.
• datetime: Especifica la fecha y hora en formato YYYY-MM-DDThh:mm:ssTZD en la que se ha borrado (o insertado/cambiado) el texto según sea <del> o <ins> respectivamente.

Explicación del formato de hora

El formato YYYY-MM-DDThh:mm:ssTZD se forma con:

YYYY

Año en 4 dígitos

MM

Mes en 2 dígitos

DD

Día en 2 dígitos

hh

Hora en 2 dígitos (De 00 a 23. No se permite horas en AM o PM)

mm

Minutos en 2 dígitos

ss

Segundos en 2 dígitos

TZD

Time Zone Designator. Debe llevar uno de los siguientes valores:

Z

Indica que la fecha está en UTC y debe estar en mayúsculas.

+hh:mm

Indica una hora local que está hh horas y mm minutos por delante de la UTC.

-hh:mm

Indica una hora local que está hh horas y mm minutos por detrás de la UTC.

Ejemplo de uso

En un <del cite="http://www.tusitio.com/correcciones.html" datetime="2009-08-02T10:16:00+02:00">sitio</del> <ins cite="http://www.tusitio.com/correcciones.html" datetime="2009-08-02T10:16:00+02:00">lugar</ins> de La Mancha, de cuyo nombre no quiero acordarme...

Gracias a mi empresa, tuve la oportunidad de asistir a la primera de ellas y las conclusiones no podían haber sido más positivas. Tanto las ponencias sobre Redes Sociales, como la Accesibilidad 2.0 -donde se nos habló de las recientes WCAG 2.0- fueron de lo más enriquecedoras. Podéis ver un resumen de lo más destacado en este post del blog de Tanta Comunicación: Día del W3C en España: Nuestras Impresiones

Además, mi compañero Félix Zapata ha sido el afortunado en asistir a la conferencia que ha tenido estos días en Madrid. Por su parte, nos ha dejado a todos un resumen de los dos días y sus impresiones particulares, ámbas en el blog de Accesibilidad Web:

• Primer día de congreso en el W4A en Madrid
• Segundo y último día de congreso en el W4A en Madrid
• Impresiones tras los dos días del W4A

E incluso, aunque brevemente, se empieza a hablar de la Accesibilidad Web en las Noticias. A partir del minuto 28: Vídeo del Telediario en el que habla sobre Accesibilidad Web (Gracias Félix por el apunte).

La temática de este día será: Accesibilidad 2.0, Redes Sociales y Administración Electrónica.

El registro está abierto hasta el 13 de Abril y es gratuito.

Se puede descargar una versión de prueba en la propia web de Microsoft (es la RC 1) aunque por lo que comentan en Macoteca no debemos esperar fuegos artificiales.

Por cierto, una cosa que me ha parecido divertida: ¡¡Te puedes hacer fan de IE8 en Facebook!!

Selectores CSS3

Canvas

SVG

@font-face

Lo curioso es que de la futura propiedad CSS @font-face tenemos dos posibles soluciones. Por un lado tenemos el borrador en el que está trabajando la W3C y por el otro la solución que ha propuesto Microsoft que consiste en que el archivo de tipografía sea EOT.

@font-face

Nota: Internet Explorer solo soporta tipografías EOT

Tipografias OpenType para ser utilizadas en @font-face

Nota: Propuesta por Microsoft, está siendo considerada por la W3C.

Leyenda

Soportado

No soportado

Parcialmente soportado

Soporte desconocido

Artículo Original: Mini-aplicación online resumen de futuras propiedades y fecha de implantación por navegadores
Vía: W3C LinkedIn Group

La mayoria de las veces, seguramente por desconocimiento, se tiende a encerrar el texto de la cita en un párrafo y separarlo con estilos del resto del contenido. Sin embargo, HTML nos ofrece tres etiquetas con las que podemos dar un significado más correcto y semántico a nuestras citas.

Tipos de etiquetas

Etiqueta <cite>

• Muestra el texto en cursiva
• No hace saltos de línea ni anterior ni posterior
• El contenido de la cita permanece en la misma línea que el texto anterior y posterior.

Etiqueta <q>

• No hace saltos de línea ni anterior ni posterior
• El contenido de la cita permanece en la misma línea que el texto anterior y posterior.
• Encierra el contenido entre comillas dobles

Etiqueta <blockquote>

• Hace saltos de línea tanto anterior como posterior
• Establece un padding y un margin al contenido de la cita

Uso de las etiquetas

De acuerdo, tenemos tres formas de citar contenido en nuestro HTML, pero ¿cuándo hacemos uso de cada una de ellas?.

Es muy sencillo. Si la cita en cuestión no es demasiado larga -alrededor de una línea- lo que es más semántico es utilizar el tag <q> dejando el tag <blockquote> para cuando se trate de un bloque de texto. Y en el caso de <cite> la utilizaremos cuando estemos haciendo referencia a otras fuentes.

Ejemplo de la etiqueta <q>

Como dice el refrán:<q>Quien a buen árbol se arrima, buena sombra le cobija</q>

Ejemplo de la etiqueta <blockquote>

Miguel de Cervantes escribió en El Quijote:
<blockquote>


    En un lugar de la Mancha,
    de cuyo nombre no quiero acordarme,
    no ha mucho tiempo que vivía un hidalgo
    de los de lanza en astillero, adarga antigua,
    rocín flaco y galgo corredor.
  


    Una olla de algo más vaca que carnero,
    salpicón las más noches,
    duelos y quebrantos los sábados,
    lantejas los viernes,
    algún palomino de añadidura los domingos,
    consumían las tres partes de su hacienda.
  

</blockquote>

Ejemplo de la etiqueta <cite>

Como dijo <cite>Jack, El Destripador</cite>: <q>Vayamos por partes</q>

Atributos de las etiquetas

A parte de los atributos ya conocidos que puedan llevar como id, class, title recalcaría los dos siguientes que son opcionales y aplicarían tanto a <q> como a <blockquote>:

• cite: Contiene la URL origen de la que se ha extraído la cita (En el caso que se trate de un documento online).
• lang: Contiene el código del idioma en el que se encuentra la cita. Ej: ‘en’, ‘es’, ‘de’,…

Uso de los atributos cite y lang

<blockquote lang="en" cite="http://www.mycom.com/tolkien/twotowers.html">
  <p>They went in single file, running like hounds on a strong scent,
  and an eager light was in their eyes. Nearly due west the broad
  swath of the marching Orcs tramped its ugly slot; the sweet grass
  of Rohan had been bruised and blackened as they passed.</p>
</blockquote>