elWebmaster.com

Precargar imágenes es una gran manera de mejorar la experiencia del usuario, ayudando a los usuarios sin mucho ancho de banda a disfrutar de una mejor experiencia al visualizar tu contenido. En este artículo, vamos a explorar tres técnicas diferentes de precargar para mejorar el rendimiento y la facilidad de uso de tu sitio web. Seguir leyendo

¿Sabes qué es tan bueno que añadir herramientas a un sitio web o aplicación? Remover cosas que no necesitan. Afortunadamente, hay una herramienta que te permite deshacerte del CSS no utilizado en tu sitio. ¿Quieres conocerla? Seguir leyendo

El 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

Digamos que hay una funcionalidad de tu sitio web que sólo se usa el 5% del tiempo. Esa funcionalidad requiere de HTML, CSS y JavaScript para funcionar. Por lo que eliges Ajax para resolver las veces que esa funcionalidad sea utilizada. Son tres los pedidos Ajax que vamos a necesitar, y habrá que esperar que los tres se resuelvan. ¿Cuál es la mejor manera de hacer esto? Seguir leyendo

Continuando con la idea del elemento de progress introducido por HTML5 y presentado en un artículo previo. Ahora les mostraremos un enfoque distinto incluso a los implementados en en varios plugins, a continuación desarrollaremos medidores de progreso dentro de botones. Seguir leyendo

En CSS, limpiar los floats puede ser tan importante como estructurar todo lo demás. Para hacerlo, se suele utilizar el recurso de agregar un elemento que como estilo “clear: both” para realizar la limpieza. Pero hay una mejor manera de hacerlo. Seguir leyendo

CSS puede ser muy eficiente para realizar algunas tareas de diseño en tu sitio web con formas y figuras. Con este truco creado por el desarrollador de MooTools Core, Darren Waddell, usaremos sólo CSS para crear triángulos compatibles en todos los navegadores. Seguir leyendo

¿Recuerdas la presentación del clásico Doom, donde una pantalla se derretía para pasar a la siguiente? En este artículo recrearemos el efecto utilizando Javascript y Canvas. ¿Estás listo? Seguir leyendo

En Internet Explorer 10 los comentarios condicionales se fueron, para el bien de todos. Es un gran paso para un buen navegador. La detección automática de la funcionalidad es una mejor manera de hacer las cosas en la mayoría de los caso. Pero ¿Qué pasa si nos encontramos queriendo mostrar un estilo específicamente en IE10? Aquí te acercamos un pequeño truco. Seguir leyendo

Más allá de la opinión que tengamos de los prefijos propietarios, tenemos que vivir con ellos y ocasionalmente usarlo para que las cosas funcionen. Estos prefijos pueden ser usados de dos maneras: el formato CSS (por ejemplo “-moz-”, como en -moz-element) y el formato JS (”navigator.mozApps”). Pero aquí te mostraremos una manera inteligente de detectar esos prefijos a traves de JavaScript. Seguir leyendo