elWebmaster.com

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

La semana pasada vimos algunos juegos realizados integramente en HTML5, y en esta ocasión no queremos dejarte sin tu dosis semanal. Esta vez, tenemos algunos clásicos y otras sorpresas. ¡Esperamos que te diviertas! Seguir leyendo

No hay dudas que el CSS nos permite realizar cosas soñadas en nuestro sitio web, pero en algunos detalles puede resultar todo un problema. Por ejemplo, trabajar con anchos de cuadros de texto,  puede ser problemático.
Seguir leyendo

Google Plus brinda mucha inspiración a desarrolladores front-end, especialmente cuando se trata de CSS y JavaScript. En este artículo vamos a aprender a duplicar un interesante efecto que seguramente ya habrás visto en ciertas imágenes de esta red social: un mapa (u otro contenido) que se despliega desde la parte superior al pasar el mouse. Seguir leyendo

De seguro conocerás las tradicionales flechas de Adobe, esas tan elegantes, que están en todos sus diseños y que son la envidia de todo sitio web. En este artículo, veremos cómo hacer unas flechas del mismo estilo usando tan sólo un poco de HTML y otro poco de CSS. Seguir leyendo

En Android, encontramos notificaciones emergentes cuando una operación es realizada con éxito. El mejor ejemplo es ese aviso que recibimos al activar una alarma, que nos indica cuántas horas de sueño podremos tener antes de que suene. Aprenderemos a realizar algo similar con tan sólo un poco de HTML y un poco de CSS. Seguir leyendo

En lo que puede considerarse una nueva señal de lo que depara el futuro al mundo de la animación, y como una muestra más del poder que CSS3 acerca a nuestros navegadores, podemos ver aquí una animación interactiva que presenta a sus protagonistas recreados con código web. Seguir leyendo