elWebmaster.com

A veces, con poco, hacemos mucho. Optimizaciones que no llevan más 5 minutos son muchas veces las que llevan a nuestro sitio al siguiente nivel, mejorando increíblemente la usabilidad y accesibilidad para nuestros usuarios.

Podemos hacer ajustes en el backend (optimizando consultas a la base de datos, por ejemplo), en el HTML, el Javascript o usando sprites. Esta vez concentrémonos en los estilos CSS con 7 tips súper importantes. Seguir leyendo

Entre la serie de ventajas que incluyen las especificaciones HTML5 se encuentra Canvas, que es una forma de dibujar de manera programada mediante Javascript.

En esta nota exploraremos las cosas buenas y malas de Canvas, demostrando lo que es posible lograr gracias a este recurso mediante ejemplos y links. Seguir leyendo

Si deseas asegurarte que los visitantes de tu sitio tengan la misma experiencia sin importar cúal navegador utilicen, entonces es vital realizar diversas comprobaciones en tu web.

Por eso en esta nota te traemos algunas de las herramientas más importantes que podrás utilizar a la hora de probar tu página frente a varios tipos de errores, ya sean de CSS, HTML, etc. Seguir leyendo

Si uno desea crear un menú con varios botones que cambien su imagen al pasar el mouse por encima, normalmente crea varias imágenes, dos por cada estado de cada botón. Esto ralentiza el sitio y genera muchas peticiones al servidor (HTTP Requests).

Sabías que Google, por ejemplo, extrae todas las imágenes de su sitio de un único archivo? Esto es posible gracias a los sprites, una especie de grilla de imágenes que nació con los videojuegos. Conoce cómo aplicar sprites en tu sitio para ganar velocidad de descarga, espacio y peticiones en el servidor y mucho más.
Seguir leyendo

En Real World Style encontré  un pequeño truco que puede interesarles para utilizar junto a los tags ABBR y ACRONYM. Estos elementos HTML son sumamente útiles, aunque poco usados, y sirven para explicar una abreviatura o un acrónimo a los usuarios.

Sin embargo la mayoría de los navegadores actuales no hace nada para señalar a los usuarios dónde se usa alguno de estos tags, por lo tanto no lo notan y no lo utilizan. Con el siguiente código CSS es posible modificar esto en todas las páginas de tu sitio.
Seguir leyendo

Los links del tipo “ancla” <a> muestran por defecto una línea punteada cuando están activos o “en foco”. En Firefox 3 la línea toma el color del texto mientras que en otros navegadores o versiones directamente se muestra en color gris.

Esto no es una locura, por cuestiones de accesibilidad se muestra qué link está activo (piensa en personas que no puedan acceder a un sitio con una computadora con mouse. Presionando”tab” se desplazarán por los enlaces. Pero si te molesta ver esa línea en tu sitio por cuestión de estética o diseño, puedes seguir leyendo para enterarte cómo eliminarla. Seguir leyendo

GrayBit es una herramienta online que sirve para testear la accesibilidad de nuestro sitio web para personas con problemas visuales (principalmente por falta de contraste en los colores). Lo que hace es mostrarnos una copia de nuestro sitio en escala de grises (blanco y negro).

Su uso es verdaderamente muy sencillo, todo lo que hay que hacer es ingresar la URL del sitio y hacer clic en “Make it Gray”. Luego de hacer esto seremos redireccionados a la versión en grises de nuestra página web. Seguir leyendo

Los CAPTCHAS mejor conocidos como esas molestas imágenes distorsionadas en las que hay que descifrar un texto, son programas que deben generar una prueba desafío-respuesta que los humanos debemos ser capaces de responder pero las máquinas no. Sus siglas significan Completely Automated Public Turing test to Tell Computers and Humans Apart, en español, Test Completamente Automático y Público para Discriminar Humanos de Computadoras.

Estos programas cobraron mucha importancia en los momentos de auge del spam. Si bien fueron la respuesta acertada al problema de los spammers durante un tiempo, hoy en día ya no es tan así; ya que muchos han descubierto formas de evitarlos. Seguir leyendo

James Brothercake Edwards abrió el debate con su reciente post en Dev.Opera, donde asegura que los desarrolladores están más inclinados a seguir las tendencias de las últimas y mejores tecnologías que a comprometerse con la accesibilidad. Entre otras cosas, dice que las metodologías de Ajax son realmente ofensivas.

Usar tecnologías no muy accesibles sólo porque son cool va en contra de la idea humanista que engloba los estándards de la web: acceso universal. Y este es sólo un ejemplo de su bandera a favor de la accesibilidad y en contra de una herramienta como Ajax y otros lenguajes. Seguir leyendo

Live Mesh es el nuevo chiche de Microsoft. Se trata de una plataforma donde podrás acceder a todos tus documentos, aplicaciones y dispositivos digitales. En pocas palabras, podrás poner a copiar un DVD en tu PC desde tu celular mientras viajas en autobús.

De momento en beta privada (lo que para Microsoft significa unas 10.000 personas), puedes entrar en el sitio web oficial e inscribirte para probarlo. Creo que va a pegar muy pero muy fuerte, dado que no habrá limitación alguna en un futuro. Seguir leyendo