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
Iniciar sesión