5.010 lecturas 0 comentarios

Easy Slider. Mueve contenidos

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

3.678 lecturas 0 comentarios

Simple Tabs

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

10.494 lecturas 3 comentarios

Select´s Personalizados

Me ha costado sangre encontrar este script para personalizar Listbox de un formulario con imágenes.

Usa JQuery y podéis encontrar información: Ver Contenido

Ejemplo: Ver Contenido‘ (Pulsar en Choose an icon para ver el efecto)

El código lo podéis descargar el archivo adjunto.

– Archivo Adjunto: select.rar

4.827 lecturas 0 comentarios

Blueprint Framework CSS

Todos los que maquetamos sabemos el coñazo que supone montar ciertas maquetas.

Gracias a Frameworks como este es posible acelerar el proceso de maquetación.

El caso que nos ocupa es Blueprint y no hay mejor forma de ver lo cómodo de su funcionamiento que echando un vistazo a este ejemplo Ver Contenido

Descargar: Ver Contenido

Web Oficial: Ver Contenido

8.776 lecturas 1 comentario

Calendario Popup con Jquery

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

8.231 lecturas 1 comentario

Tabs en JQuery

Si es que no me cansaré nunca de poner ejemplos de Jquery… Estos dos casos me parecen bastante buenos y claros ejemplos de que Javascript sigue siendo día a día más sinónimo de usabilidad cuando se aplica con criterio.

¡Los Tabs están de moda!

· Descargar Tab 1 Ver Contenido
· Descargar Tab 2 Ver Contenido

6.599 lecturas 0 comentarios

CSS: Filtro de opacidad

Ha continuación os dejo una clase que te permitirá poner cualquier objeto de tu Web con la transparencia que necesites.

Todos los objetos en una web son 100% opacos, con estos filtros podemos bajar el efecto hasta hacerlos transparentes.

La primera linea, segunda y tercera son para Explorer. Solo la primera debería valer pero en ciertas ocasiones el render se le va la cabeza y no muestra el efecto si no se acompaña de alguna propiedad más como puede ser Float o Width.

La cuarta linea es para Firefox y la quinta para versiones anteriores de Firefox.

Así que con este código completo no deberíais de tener problema en ningún explorador.

.claseopacidad {
filter:alpha(opacity=25);
width: 120px;
float: left;
opacity: .25;
-moz-opacity: .25
}

6.149 lecturas 0 comentarios

¡Javascript para todo!

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

3.828 lecturas 0 comentarios

Haz tu propio menú CSS

Gracias a esta Web podéis confeccionar vuestro propio menú en CSS, admite todo tipo de configuraciones y parámetros como color y tamaños.

El proceso se lleva a cabo íntegramente por la Web y al final solo tendréis que copiar y pegar el código del menú.

Ver Contenido

4.607 lecturas 0 comentarios

Brushes a Mano ¡Follaje!

Os adjunto un archivo de Brushes para Photoshop dónde encontraréis dibujos hechos a mano de matorrales y motivos florales varios.

– Archivo Adjunto: matorrales.rar