Noticias Diseño – Tutorial Photoshop

Esto se parece cada vez más a Flash, pero con CSS y Javascript. Se pueden hacer maravillas la verdad.

Botonera Jquery Ver Contenido‘

Por desgracia no sé donde andará el tutorial pero el código de la página os servirá seguro.

Un scroll del tipo arrastrar con JQuery.
Podéis ver una Demo Ver Contenido‘ y si os gusta descargar el adjunto.

Tip: En la demo tenéis el Slider abajo, sale con Fade y casi no se ve, podéis arrastrarlo o pulsar sobre cualquier parte de la barra para mover la capa de contenido.

- Archivo Adjunto: slider_jq.zip

La verdad que me he quedado impresionado con la velocidad y suavidad con la que se mueve este menú.

Clava, literalmente, el efecto y movimiento de los clásicos roll-over de Leopard.

· Ver en acción Ver Contenido‘
· Ver tutorial Ver Contenido‘

- Archivo Adjunto: macmenu.zip

Bonito efecto con JQuery para implementar un sistema de pestañas, sin recarga, en nuestra Web.

· Demo Ver Contenido‘
· Descargar Ver Contenido‘
· Cómo usar Ver Contenido‘

Aquí os dejo un buen listado de galerías gratuitas para vuestros portfolios o presentaciones de fotografía, diseño, etc.:

· FlashFlickr PhotoGallery Ver Contenido‘
· Flashmo 3d Grid Ver Contenido‘
· PhotoDiary 1.0 Ver Contenido‘
· Tony Photo Album Ver Contenido‘
· FlashMo Stack Photo Gallery Ver Contenido‘
· 3D Album Ver Contenido‘
· Slideroll Gallery AV Ver Contenido‘
· WS-Slideshow Ver Contenido‘
· Imagin Flash Photo Gallery Ver Contenido‘
· FlashMo Circle Gallery Ver Contenido‘
· Art Flash Gallery Ver Contenido‘
· Zen Flash Gallery Ver Contenido‘
· Flash Mo Grid Gallery Ver Contenido‘
· AutoViewer Ver Contenido‘
· Flash Gallery Ver Contenido‘
· PostcardViewer Ver Contenido‘
· FlashMo Photo Gallery Ver Contenido‘
· InventMedia FlashGallery Ver Contenido‘
· dfGallery 2.0 Ver Contenido‘
· Polaroid Gallery Ver Contenido‘
· Flash Image Gallery Ver Contenido‘
· Free Flash Gallery Ver Contenido‘
· Andrew Bergs Flash Ver Contenido‘
· flShow Carousel Ver Contenido‘
· Simple Viewer Ver Contenido‘
· Veppa Photo Album Ver Contenido‘
· XML Photo Album Ver Contenido‘

Un efecto útil. Nada mejor que una Demo como esta Ver Contenido‘ para comprobar su funcionamiento.

Podéis descargar el código del archivo adjunto y ver algunas anotaciones al respecto en Ver Contenido‘

- Archivo Adjunto: fotoslide.zip

El Javascript está de moda y este recurso que les presento a continuación es uno de los más utilizados en los nuevos Blogs y Webs 2.0.

Se trata de un código en JQuery que permite desplazarnos dentro de un mismo DIV entre contenidos mediante activadores.

Este código que os adjunto tiene la ventaja que viene “pelado”, así os será mucho más fácil de estudiar e implementar.

Demo 1: Ver Contenido‘
Demo 2: Ver Contenido‘
Demo 3: Ver Contenido‘

- Archivo Adjunto: easySlider.zip

Un código de lo más sencillo para crear menús con contenido en pestañas.

Podéis descargar todo lo necesario con el archivo adjunto.

Ver Demo / Sitio Web Ver Contenido‘

- Archivo Adjunto: s-tabs.zip

Seguro que muchos de los programadores que lean estas lineas han utilizado esos calendarios que al pulsar el icono de turno muestra una pequeña ventana donde elegir el día y que el input de al lado se rellene con esa fecha, pues bien, he encontrado este script con JQuery, que la verdad presenta un resultado genial.

Se puede customizar con CSS y admite numerosas variables que lo adaptarán rapidamente a tu formulario.

Ver Contenido‘

Os dejo enlaces para un montón de opciones de las que aprovecharos con JS:

· Zoom de imágenes y Popups:
Ver Contenido‘ LIGHTBOX
Ver Contenido‘ JQUERY LIGHTBOX
Ver Contenido‘ THICKBOX
Ver Contenido‘ HIGHSLIDE BOX
Ver Contenido‘ FANCYBOX
Ver Contenido‘ JQZoom

· Galería y muestreo de imágenes:
Ver Contenido‘ SLIDESHOW 2 FROM MOOTOOLS
Ver Contenido‘ SMOOTH GALLERY
Ver Contenido‘ JQUERY GALERÍA
Ver Contenido‘ NOOBSLIDE
Ver Contenido‘ PRODUCT SLIDER

· Scrolls Horizontales y verticales:
Ver Contenido‘ JCAROUSEL
Ver Contenido‘ YUI CARO
Ver Contenido‘ DYNAMIC DRIVE
Ver Contenido‘ ICAROUSEL

· Menús con submenús (TABS)
Ver Contenido‘ JQUERY UI TABS
Ver Contenido‘ JQUERY TABS TUTORIAL
Ver Contenido‘ MOOTABS
Ver Contenido‘ SLIDING TABS TUTORIAL

· Scroll completo de página:
Ver Contenido‘ JQUERY SCROLL TO
Ver Contenido‘ SMOOTH SCROLL
Ver Contenido‘ ANIMATED SCROLLING

- Tooltips (Ayudas emergentes)
Ver Contenido‘ JTIPS
Ver Contenido‘ JQUERY TOOLTIPS
Ver Contenido‘ TOOLTIP & IMAGE PREVIEW

· Menú en acordeón:
Ver Contenido‘ JQUERY ACCORDION
Ver Contenido‘ APPLE ACCORDION
Ver Contenido‘ MOOTOOLS ACCORDION
Ver Contenido‘ MOOTOOLS IMAGE MENU

· Estilos en los Formularios:
Ver Contenido‘ FANCYCHECKBOX & RADIOBUTTONS
Ver Contenido‘ JQUERY SELECT BOX
Ver Contenido‘ JQUERY INPUT HELPER

· Errores en Forms sobre la marcha
Ver Contenido‘ JQUERY VALIDATE
Ver Contenido‘ MOOTOOLS VALIDATE
Ver Contenido‘ JSVALIDATE