7 Mar 2010

Como escribir para la web

En: Accesibilidad Web

La Web tiene características propias que determinan como se estructura cualquier texto y el modo en que el usuario accede a la información. No hay duda alguna que el modo en que está escrito un texto afecta de manera dramática la experiencia de los usuarios. Hace tiempo hablamos precisamente de esto cuando analizando el patrón de lectura de los usuarios de la web. La conclusión fue que es un error escribir en la web de la misma manera que para un soporte impreso, puesto que los usuarios se comportaban de manera diferente.

Un boligrafo encima de un ordenador

La intención de este artículo es introducir varias técnicas y metodología que optimizarón la calidad y legibilidad los textos de nuestras webs.

Leer más...

Interner Explorer 6 enterrado en un ataud

Internet Explorer 6 sigue siendo uno de los navegadores con más cuota de mercado, pero es también el más odiado por los desarrolladores. De hecho, es considerado por algunas publicaciones como el peor programa de la historia, es el navegador más inseguro y demasiado viejo e ineficaz para aguantar casi una década de innovaciones en los estándares web. Incluso a Microsoft le encantaría deshacerse de él. Sin embargo, a pesar de las campañas en su contra, lo más probable que no vaya a desaparecer tan rápido como quisiéramos. ¿Como puede ocurrir esto?, en este artículo intentaremos dar algunas respuestas.

Leer más...

Proseguimos nuestro pequeño estudio de navegadores poco conocidos. En esta ocasión vamos a ver dos navegadores exclusivos para Windows y otros tantos desarrollados en exclusiva para MAC.

Logotipos de diferentes navegadores

¿Te suenan todos estos logotipos?

Leer más...

30 Ene 2010

Galería de Imágenes con Lightbox Accesible

En: JavaScript

Lightbox es una aplicación desarrollada en JavaScript. Este script ha ganado popularidad y distribución gracias a su simplicidad y elegante estilo, además de su fácil implementación. Permite al usuario ver una versión original y ampliada de imágenes sin necesidad de ir a otra página, además de ofrecer una herramienta simple y profesional para el mostrado de imágenes en un sitio web.

Existen una gran variedad de clones de Lightbox que podemos ver de la mano de anieto2k.

Ejemplo Lightbox Accesible

Sin embargo aquí vamos a mostraros un ejemplo de un lightbox accesible, es decir una galería de imágenes usando JavaScript no intrusivo y un correcto marcado semántico.

Leer más...

¿Nunca te has preguntado porque los diferentes navegadores visualizan las mismas páginas de diferente manera?, esto es debido a los motores de renderizado.

¿Entoces que es un motor de renderizado?, pues es la parte de un navegador que toma el contenido marcado, (como XML o HTML), lo interpreta de manera visual y lo presenta visualmente a los usuarios. Todos los navegadores web incluyen algún motor de renderizado.

Leer más...

Las etiquetas de cabecera (no confundirse con la etiqueta HTML <head>) se utilizan para jerarquizar, estructurar y dar coherencia al contenido de una página. Hay seis tamaños de etiquetas de cabecera, empezando con <h1>, la más importante, y terminando con <h6>, de menor importancia.

Las etiquetas <strong> y <em> sirven resaltar las palabras importantes dentro de nuestra web. Esto visualmente contribuye a mejorar la legibilidad de la misma y semánticamente sirve para señalar contenido con un peso específico mayor  dentro de nuestros textos.

Si son utilizadas correctamente, estas etiquetas ayudarán a que nuestras palabras clave, adquieran un peso mayor desde el punto de vista del buscador. Se trata pues de encontrar una buena estrategia para garantizar la eficacia de estas etiquetas. En este artículo veremos algunas de estas estrategias y hablaremos sobre el correcto uso de estas etiquetas.

Leer más...

20 Ene 2010

Crea bocetos para tus proyectos Web

En: Diseño Web, Recursos

Desde Maestros del Web, nos hacen saber de una herramienta innovadora para generar bocetos para tus diseños Web. La aplicación es muy sencilla e intuitiva, de una manera rápida podemos crear un boceto de la Web que vamos a diseñar.

Ejmplo de boceto Web creado con Balsami Mockups

La aplicación se llama Balsami Mockups. Con esta herramienta podemos enseñarle a un diseñador como queremos que sea la estructura de nuestra Web, ya el diseñador se encargará de todo lo demás. Podemos también compartir nuestros bocetos con otros que usen la misma aplicación, y así poder modificarlo dependiendo de nuestras expectativas en el diseño.

Leer más...

20 Ene 2010

jQuery 1.4 ya disponible

En: JavaScript, Recursos

logotipo de jQuery

Hace pocos días que ha sido lazanda la esperada versión 1.4 de jQuery. De hecho todavía no está disponible en la web oficial, aunque se puede descargar de jquery14.com o de los siguentes enlaces:

Leer más...

Hace tiempo que contamos las mejoras que traerían las futuras versiones de Firefox.Sin embargo la wiki de Mozilla ha informado que se han retrasado las fechas de lanzamiento de las versiones 3.6 y 4.0. y se ha cancelado la versión 3.7.

logotipo del navegador Firefox

Leer más...

Todos los desarrolladores sabemos de la existencia y desarrollamos para navegadores muy comunes y ampliamente utilizados como son Firefox, Safari, Chrome, Opera o Internet Explorer. Entre ellos se está recrudeciendo la lucha por ganar cuota de mercado. Esta lucha es tan fuerte que es improbable que alguno de ellos alguna vez sea el ganador absoluto y se repita la situación de monopolio que tuvo Microsoft hace no tanto tiempo.

Pero hay otros navegadores en la sombra. No tan populares, no tan potentes y no tan avanzados como los mencionados anteriormente, pero sin duda con utilidades interesantes que aportar. Algunos son utilizados por una minoría de usuarios avanzados aquí en España, pero son más conocidos en sus países de desarrollo, otros son celebridades para sistemas operativos minoritarios.

En esta serie de artículos, veremos unos cuantos navegadores minoritarios que por unas razones u otras, no son conocidos ni por el gran público, ni en su mayor parte por nosotros los desarrolladores.

Leer más...