elWebmaster.com

javascript | icono | efecto

CSS3: Cómo crear íconos giratorios con efecto de zoom en tu sitio web

css3wide1Las 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

01/abr/11, 05.43 Morton 6 comentarios

Firefox | CSS | navegador

CSS: El nuevo método Clearfix para quitar floats

css-bisEl 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

10/dic/09, 14.14 Micaela 4 comentarios

Google | 360 | Latinoamerica

Mapplo.com nos muestra Buenos Aires con panorámicas en 360º

mapplologoAntes 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

10/nov/09, 12.15 Morton 4 comentarios

plugin | recursos | jQuery

Plugin de jQuery para hacer zoom

jquery3Todo 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

06/ago/09, 09.03 Micaela 1 comentario

Diseño | Programación | código

Zoom sectorizado en imágenes de alta resolución con Javascript

Zoom sectorizado en imágenes de alta resolución con JavascriptA 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

20/sep/08, 10.00 Micaela 1 comentario

Diseño | CSS | fotos

Galería de imágenes que se amplían con CSS

Galería de imágenes que se amplían con CSSHoy 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

04/jun/08, 16.12 Juan Manuel 3 comentarios

Diseño | Programación | desarrollo

Efecto de zoom en las imágenes de tu sitio con Javascript

FancyZoom - Efecto de zoom en las imágenes de tu sitio con JavascriptFancyZoom 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.

02/abr/08, 18.00 Juan Manuel 8 comentarios

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