elWebmaster.com

Las animaciones con CSS3 son increíbles. De buen rendimiento, y más sencillas que utilizar Javascript, son el futuro en cuanto al potencial de los navegadores. Uno de los efectos más atractivos es el de hacer a tus íconos giratorios con un pequeño grado de zoom. ¿Quieres saber cómo lograrlo? Seguir leyendo

El famoso hack clearfix, o “hack de limpieza fácil”, es un método útil para quitar floats. Si bien el hack original funciona bien, los navegadores a los que apunta son obsoletos o ya se han quedado en el camino.

Es por eso que en esta nota le decimos adiós al clearfix original y les traemos un nuevo método clearfix mejorado. ¿Están preparados? Seguir leyendo

Antes que Google desembarque en Buenos Aires con su Street View, Mapplo.com se adelanta y nos permite recorrer la ciudad a través de fotografías panorámicas de los barrios porteños.

Tendremos la posibilidad de rotar la fotografia en 360 grados y hacer zoom, además de un práctico buscador con el que podremos localizar cualquier dirección que queramos consultar. Seguir leyendo

Todo diseñador que tenga un poco de inventiva y creatividad, seguramente encontrará muy útil este plugin llamado AnythingZoomer, un plugin jQuery pensado para sorprender a nuestros visitantes.

Con este plugin, al posar el mouse sobre un área pequeña, nos desplegará una mini-ventana en la que podremos ver un acercamiento del lugar donde nos hemos establecido. ¿Lo quieres en tu sitio web? En esta nota te contamos cómo. Seguir leyendo

A la hora de presentar en una web imágenes muy grandes, de alta resolución, muchas veces uno no está muy seguro de cuál es la mejor forma de hacerlo sin que las mismas pierdan calidad o desentonen en nuestro diseño y sin que sea necesario abrirlas en una ventana aparte. Una posible solución a nuestro problema es utilizar ShiftZoom.js

Este Script nos permite muy fácilmente presentar la imagen en un tamaño reducido, y sin nunca modificar ese tamaño, realizar un zoom sobre distintos sectores de la misma, pudiendo desplazarse por el área ampliada. Seguir leyendo

Hoy en día todo lo que a diseño y presentación en un sitio web se refiere se hace con estilos CSS, por lo que siempre vienen bien estos trucos para aplicar algún detalle de calidad a nuestra página, claro, respetando los estándares.

Si tienes una galería de imágenes con vistas previas puedes usar este sencillo truco para ir ampliando las fotos al pasar el puntero del mouse por encima. Como utiliza la propiedad overflow, no desarma el diseño del sitio, además es muy veloz. Seguir leyendo

FancyZoom es un script que te permite generar un sofisticado efecto de zoom para las imágenes de tu sitio web o blog. Está muy bueno, el zoom aparece progresivamente como una transparencia y muestra en un recuadro de texto bajo la imagen el nombre del enlace.

Para usarlo sólo hay que pegar el código en nuestra página, es muy sencillo. Puedes descargarlo de Cabel.name (haz clic aquí), donde también puedes ver un ejemplo de cómo funciona. Solo te resta verlo con tus propios ojos.