Entradas con la etiqueta “w3c”

Herramientas para la calidad front

20 de agosto, 2009 - por | | Calidad, Frontend

Cuando se dispone de cierta cantidad de código funcionando y estable, es conveniente empezar a pensar en términos de calidad. Del lado front la cosa no es distinta, y existen varias herramientas plenamente funcionales que nos pueden hacer la vida más fácil, al menos para empezar a poner las bases.

Para que todo nos resulte más manejable, es conveniente separar 3 partes del área front:

  • el marcado (html/derivados y css)
  • la interacción (javascript)
  • la disponibilidad (pesos, cabeceras, peticiones)

Para la primera parte existen algunos principios generales que permiten definir una orientación general de cara a la calidad, así como varias herramientas que ayudan a concretar esos principios. De éstas sin duda la que ha llegado a hacerse más popular ha sido la que tiene que ver con la validación del marcado html/xhtml, que se refleja en los conocidos iconos del W3C indicando si el documento ha pasado cierta validación.

Para la segunda parte se han ido asentando, con el tiempo, varias directrices generales, así como diferentes herramientas a nivel de análisis sintáctico, debugging y testing. La popularización de librerías marco, asociadas a plugins para funcionalidades concretas, ha introducido mayores niveles de calidad como punto de partida, pero también ha conducido el desarrollo a un entorno más complejo y, por lo tanto, potencialmente más difícil de mantener.

Por último, de cara a la disponibilidad el creciente uso intensivo de interacción ha llevado progresivamente a una mayor conciencia sobre la importancia de establecer rangos de pesos, tiempos de expiración para las cabeceras, y máximos de peticiones asumibles. Y estas ideas cuentan ya con algunas herramientas que permiten analizarlas y cuantificarlas, haciendo que la optimización sea un objetivo pragmático.

Voy a intentar recorrer esas 3 partes en diferentes entradas con la intención de:

  1. llamar la atención sobre los procesos de calidad en el área front;
  2. ayudar a que se entienda un poco mejor la interrelación entre las 3 partes mencionadas;
  3. recopilar ideas comunes y herramientas frecuentes del trabajo diario;
  4. poner mi granito de arena para que se entienda qué consigue cada proceso de calidad, de forma que no se mezclen ni se asocie burdamente calidad con eliminación completa de problemas.

Favicon y estándares

22 de enero, 2009 - por | | Estándares

¿Cómo añadir un favicon a tu sitio web? es una de las entradas de la W3C recomendando su método preferido para poner el favicon en tu sitio web.

Un favicon es una imagen (icono) que se asocia con tu sitio. ¿Ves nuestro sombrerito en la barra de direcciones del navegador? Es nuestro favicon, ;-). Para añadir un favicon a tu sitio web la W3C recomienda que hagas una imagen de 16×16 ó 32×32 píxeles en formato PNG (un estándar del W3C), GIF o ICO. Después, la guardes dentro de tu árbol y la definas en la página con el valor del atributo rel=”icono”. Además, tendrás que definir qué tipo de imagen es y dónde la has colocado.

Ahí va un ejemplo para HTML 4.01:

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en-US"
lang="en-US";

type=”image/png”
href=”/somewhere/myicon.png” /;
[…]

[…]

[…]

[…]

Para XHTML 1.0 es muy parecido:

[…]
[…]

¡Vamos a intentarlo!