elWebmaster.com

Diseño | CSS | javascript

7 formas en que tu sitio web puede estar explotando sin que lo sepas

freelancers-wide

Hace mucho tiempo, en el diseño web, todo lo que tenías que hacer para que tus sitios sean compatibles entre navegadores era que  tengan un ancho de 960px, y resolver los problemas que IE6 provocaba. Oh, los viejos tiempos. Esos tiempos se terminaron. ¿Podrá pasar tu sitio web a través de estos siete puntos y salir ileso? Seguir leyendo

13/oct/14, 07.46 Morton 1 comentario

Usabilidad | CSS | accesibilidad

Accesibilidad para CSS

accesibilidad-wideEl CSS es una cosa mágica. En las manos adecuadas, es capaz de transformar el más sencillo documento (bien estructurado) en una fiesta visual. Pero no todo es color de rosa. Aquí hay algunas maneras simples en que puedes utilizar el CSS para mejorar la usabilidad y la accesibilidad en tu sitio web. Seguir leyendo

28/mar/14, 09.06 contenido 1 comentario

Diseño | accesibilidad | discapacidad

¿Por qué preocuparse por la accesibilidad?

accesibilidad-wideAccesibilidad web (conocido en otros campos como exclusivamente diseño o diseño universal) es el grado por el cual las páginas web están disponibles a tantas personas como sea posible. La accesibilidad es mayormente utilizada para describir como las personas con discapacidades pueden acceder a la web.
Seguir leyendo

15/mar/14, 07.59 contenido 2 comentarios

Diseño | Usabilidad | CSS

7 tips de CSS para mejorar la usabilidad de tu sitio

cssA 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

01/feb/10, 08.00 Juan Manuel 11 comentarios

javascript | tag | accesibilidad

HTML5: Dibuja utilizando el tag Canvas y Javascript

html5-draganddropEntre 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

30/sep/09, 09.02 Micaela 9 comentarios

CSS | Internet | recursos

Herramientas para encontrar errores en tu sitio web

performanceSi 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

26/ago/09, 09.04 Micaela 6 comentarios

Diseño | CSS | recursos

Una única imagen (sprite) para todo un menú interactivo en CSS

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

18/ago/08, 09.00 Micaela 11 comentarios

Diseño | Usabilidad | CSS

Destacando las abreviaturas y acrónimos con CSS

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

12/ago/08, 18.15 Micaela Comentar

Diseño | Usabilidad | CSS

Eliminando la molesta línea punteada de los enlaces de tu sitio

Eliminando la molesta línea punteada de los enlaces de tu sitioLos 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

30/jul/08, 14.04 Juan Manuel 6 comentarios

Diseño | recursos | accesibilidad

GrayBit: ¿qué tan accesible es tu sitio en escala de grises?

GrayBit: ¿qué tan accesible es tu sitio en escala de grises?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

13/jul/08, 14.37 Micaela Comentar

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder