Autor: Gonzalo

Categorías
Opera recomendaciones W3C Web móvil

La Oficina Española del W3C publica una Guía Breve de Web en Móvil

El título es suficientemente descriptivo: la Oficina Española del W3C, ha publicado en su pequeña colección de guías breves, una que lleva por título Guía Breve de Web Móvil. Los lectores habituales de esta bitácora (un par de personas, tres como mucho, je je), sabrán de mi interés por esta nueva forma de entender la web.
Desde mi limitado punto de vista, la web en móviles consiste en realizar diseños estructurados con div y utilizar diferentes hojas de estilos para cada dispositivo con el atributo media. Pero aquí podemos encontrarnos mucho más, como SMIL para multimedia, SVG para representar gráficos vectoriales y animaciones con sus dos perfiles, uno para teléfonos móviles (SVG Tiny) y otro para PDA (SVG Basic) y que podemos encontrar en Mobile SVG Profiles: SVG Tiny and SVG Basic,… pero mejor leer la Guía Breve de Web Móvil.

Y también hablaremos de Opera

Como contenido extra de este DVD sobre web en móvil (me asusta pensar lo que «pensarán» los buscadores de esta frase, je je), voy a hablar también del navegador Opera Mini™, con algunas breves noticias, y para corregir un despiste de otros artículos aquí publicados.
La primera noticia es que ya está Opera Mini™ en español. En mi teléfono tengo la versión en inglés, pero un compañero lo tiene en el idioma de Cervantes (bueno, quizás no sea exactamente el idioma de Cervantes, ya me entendéis). Si todavía no lo habéis descargado y queréis seguir mi recomendación, instalarlo, tenéis un listado con todos los teléfonos móviles compatibles en Download Opera Mini™. Desde mi punto de vista es un navegador fantástico.
Por último, añadir algo que no había comentado antes (pero si lo hicieron la gente de avidos en su bitácora ring, concretamente en ring – Opera Mini), y es que en Opera podemos probar cómo funciona éste navegador gracias al Opera Mini™ simulator. Un par de observaciones, funciona con un applet de java, y para manejarlo, hay que utilizar el teclado del teléfono móvil virtual, no el de nuestro dispositivo.
¿Algo más? Bueno, pues sí (pero ya termino, de verdad), el dominio opera-mini.com ha sido adquirido por Opera, y funciona,… aunque luego nos redirige a otra página. Aparecen unas instrucciones para descargárselo, y una de ellas es mandar un SMS por «sólo» 5,57 euros. Que conste que hay formas más barato de conseguirlo, no os asustéis, je je.

Categorías
Herramientas recomendaciones W3C

Consejos de calidad para webmasters

Siempre es una satisfacción comprobar el código de una página en The W3C Markup Validation Service, y ver que la página está bien hecha, aunque sea tras corregir algún que otro edificante error.
Nos aparece el mensaje This Page Is Valid XHTML 1.1!, y luego un Tip Of The Day ó consejo del día. Ese consejo es un vínculo que nos lleva a algunos de los consejos de calidad para webmasters (Quality Tips for Webmasters). No está mal leerse el contenido del consejo que nos ayuda a hacer páginas webs mejores, aunque siempre he pensado que ese consejo no debe de ser sólo un premio para aquellas páginas que pasan el validador automático, también debería aparecer en la validación de aquellas páginas que no cumplen los estándares,… nunca es un mal momento para dar un consejo, sobre todo cuando son buenos.
¿Soléis utilizar con frecuencia este validador? En mi caso rara es la semana que no lo visito todos los días…

Categorías
Herramientas

Optimiza el peso de tus CSS con CSS Tweak, CSS Optimiser ó CSS Formatter and Optimiser

Una aplicación interesante para reducir el peso de las hojas de estilo, y por tanto ganar en velocidad de descarga: CSS tweak.
Puedes elegir entre las opciones de reducir fuentes, bordes, fondos, listas, comentarios y valores cero. Tiene una opción bastante agresiva, que es quitar los espacios en blanco Remove White-Space y el resultado es una hoja de estilos con una sóla línea… muy eficiente con respecto al peso, pero podemos tener problemas si en nuestra hoja de estilo tenemos algún que otro hack.
Actualización 2006/03/29
Nada como un comentario constructivo para mejorar esta pequeña reseña, y añadir un par de herramientas más que nos sirven para optimizar nuestras hojas de estilos (y de paso cambiar el título de éste breve artículo):

CSS Optimiser
Una simple pero efectiva herramienta para optimizar el peso de las hojas de estilo, pero no tiene opciones.
CSS Formatter and Optimiser
Desde mi punto de vista, la mejor herramienta. ¿Por qué? Tiene muchas opciones, y lo más importante: te enseña en qué puntos optimiza o reduce el código de la hoja de estilos.

Si alguien conoce alguna otra herramienta, que avise y la añadimos a esta lista.

Categorías
accesibilidad Herramientas

GrayBit otra buena herramienta para comprobar el contraste de un sitio web

Ya conocemos que una de las Pautas de Accesibilidad al Contenido Web 1.0 (concretamente la número 2), nos dice que no hay que basarse sólo en el color. ¿Porqué? Por que no todos tenemos los mismos dispositivos, monitores, navegadores,… y también hay personas que no distinguen bien los colores: yo entre otros, me he dado que los colores pardos no los distingo muy bien (no es ninguna excusa para ocultar el pésimo gusto que tengo para el diseño web).
Citemos, literalmente, la pauta en cuestión:

Asegúrese de que los textos y gráficos son comprensibles cuando se vean sin color.
Si el color por sí mismo se usa para transmitir información, las personas que no puedan diferenciar ciertos colores, y los usuarios que no tengan pantallas en color o utilicen dispositivos de salida no visuales, no recibirán la información. Cuando los colores de primer plano y de fondo tienen un tono similar, pueden no proporcionar suficiente contraste en las pantallas monocromáticas, así como a las personas con diferentes tipos de deficiencias de percepción de los colores.
Puntos de verificación:

2.1 Asegúrese de que toda la información transmitida a través de los colores también esté disponible sin color, por ejemplo mediante el contexto o por marcadores [Prioridad 1]
Técnicas para el punto de verificación 2.1
2.2 Asegúrese de que las combinaciones de los colores de fondo y primer plano tengan suficiente contraste para que sean percibidas por personas con deficiencias de percepción de color o en pantallas en blanco y negro [Prioridad 2 para las imágenes. Prioridad 3 para texto].
Técnicas para el punto de verificación 2.2

Pautas de Accesibilidad al Contenido en la Web 1.0 Pauta 2: No se base sólo en el color.
En la primera pauta nos indica que no hay que usar sólo el color para transmitir información (por ejemplo «pulsa el icono verde para continuar y el rojo para cancelar» Pero si tengo un monitor en blanco y negro, ¿qué botón pulso?), y en la segunda nos indica que hay que tener un suficiente contraste entre el texto y el fondo. Hace poco en úsalo, publicaron una interesante reseña sobre una extensión de Firefox llamada Colour Contrast Analyser Firefox Extension (de la buena gente de juicystudio),… esto… que la reseña, a lo que iba, llevaba por título La Colour Contrast Analyser Firefox Extension nos saca los colores (por cierto, a webposible, también nos lo saca, je je). Y la herramienta a la que hacemos mención hoy, tiene la misma función aunque emplea otra técnica.
Tachán… hablamos de graybit, un sitio web en el que tras introducir la dirección de una página web, nos la muestra en escala de grises. ¿Y éso para que sirve? Muy sencillo, para ver si los colores empleados tienen suficiente contraste… para casi todos. Una de las formas de comprobar la pauta 2.2 que antes hemos mencionado, era imprimir un documento en blanco y negro, o mejor dicho, en blanco, grises y negro. Ésta aplicación web tiene la misma filosofía. No es una herramienta definitiva, pero ayuda bastante: es más que digna de estar incluida en nuestra caja de herramientas de la accesibilidad web (humm, es un buen título para un laargo post, me lo anoto en mi PDA, je je).
Como curiosidad, reto a los sufridos lectores de esta bitácora a comprobar esta página web en esta aplicación (además de en las suyas, por supuesto).
Me he enterado de esta aplicación en la bitácora de Arnau, en su artículo titulado Eines per testejar el contrast.

Categorías
Personales

Mi primer día del padre… como padre

Ocurrió hace tres semanas, en un domingo que amaneció nevado (no demasiado habitual en Madrid), tras una larga noche esperando el momento. Y por fin, nació. Vestido de verde y blanco, con gorro, mascarilla, bata y fundas para el calzado (estaba en la sala de parto), no pude contener mis lágrimas cuando ví asomar por primera vez su cabeza, ayudada por la expertas, y sin embargo jóvenes, manos de un personal sanitario que consigió que todo fuese más sencillo.
Nació Patricia.
Desde entonces, han ocurrido muchas cosas, cambios de pañales incluidos ;). Pero independientemente de mi recién adquirido rol de padre, y de tener en mis brazos esa pequeña y encantadora criatura, lo que más me ha llenado, es el poder seguir teniendo a mi lado a la persona que más quiero, demostrándome día a día que ella es mucho mejor de lo que nunca hubiera esperado y deseado.
Ahora en casa somos tres. La vida nos ha cambiado mucho, nos ha hecho madurar. Han cambiado nuestras prioridades en la vida. Quizás ya no tenga tanto tiempo para dedicarme a proyectos inútiles como los Microformatos de Dublin Core (es de coña Arnau, aún tengo correcciones tuyas pendientes), pero entiendo perfectamente a Tim Berners-Lee cuando decía algo así como que la experiencia de haber creado la WWW, no era nada comparado con el hecho de haber sido padre.
Felicidades a todos los «José», «Josefa», «Josefina»,… y felicidades también a todos los padres. Espero que entre todos logremos un presente mejor, y un mejor futuro para las próximas generaciones.
Y a todo esto, ¿cómo será la web cuando Patricia sea mayor de edad? Tenemos mucho tiempo para averiguarlo. Nuestro es el presente y el futuro.