elWebmaster.com

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

A nadie le gustan los spoilers. Ya sea una imagen de una película a estrenarse o el resultado del partido que tienes grabado y que aún no has visto, hay veces que simplemente no quieres saber. En este artículo te enseñaremos a dar un efecto blur al contenido que quieres marcar como spoiler, tan sólo usando CSS. Seguir leyendo

Esta vez vamos a enseñarte una manera de animar sprites en PNG a través de la propiedad steps () de las animaciones de CSS3. La idea de esta técnica es recrear un gif animado pero con los tiles de un sprite PNG.  Un juego muy popular entre todas las generaciones es el famoso Street Fighter, que usaremos de ejemplo para este artículo. ¿Estás preparado? Seguir leyendo

Es bueno encontrar librerías de JavaScript que realizan tareas sumamente específicas. Este es el caso de Fokus, una utilidad que, cuando algo es seleccionado en la página, oscurece todos los demas elementos del sitio. Es ver para creer, y es más sencillo de implementar de lo que crees. Seguir leyendo