Noticias Diseño – Tutorial Photoshop

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‘

Un lastre que solemos llevar todos los diseñadores es el de los campos de formulario para subir archivos (fotos, PDF, etc.) Son muy feos! Y difíciles de modificar mediante CSS…

Con este método, usando CSS y DOM, podremos customizar la imagen y quitar el campo de texto. Echarle un ojo a la demo, la funcionalidad sigue siendo la misma pero con un look mucho más fácil de integrar.

· Demo Ver Contenido‘

- Archivo Adjunto: inputcss.rar

Si queréis crear un menú para vuestra Web con la estética de las barras de Windows Vista y compatible en todos los navegadores mediante CSS, descargar esta botonera y lo tendréis muy fácil. Valida W3C CSS y XHTML.

· Descargar Ver Contenido‘

· Ver Demostración Ver Contenido‘

- Archivo Adjunto: vistabar.zip

Ventanas móviles, botoneras, sistemas de navegación, transiciones, galerías y tooltips… una colección de 30 scripts descargables para implementarlos en tu Web y dar un nuevo feeling 2.0.

Échales un ojo aquí:
Ver Contenido‘

Requieren conocimientos de Javascript, Ajax y Mootools en determinados casos.

Si quieres tener todas las funciones más útiles de PHP sin tener que programarlas una y otra vez, échale un ojo a este JS. ¡Incorpora cerca de 100 funciones optimizadas!

Ver Contenido‘

Un Framework completísimo y compatible con la mayoría de los exploradores: Safari, MS Explorer, Firefox…

Cuenta con una sección de descarga que optimiza el código para que solo obtengas el script justo que necesites.

Puedes descargarlo Ver Contenido‘

Para ver lo que es capaz de hacer, no te pierdas estos ejemplos Ver Contenido‘

A mi gusto es uno de los componentes más funcionales para agregar efectos javascript y ajax en tu Web.

Admite funciones como:
· Arrastrar y soltar elementos.
· Soporte fácil de Ajax.
· Efectos de animación.
· Despliegues de capa a lo “Flex”.
· Animaciones de capa.

Para hacerlo funcionar debéis usar también Prototype. En el archivo adjunto encontraréis los dos archivos JS listos para implementar en vuestra Web actualizados a día 18/1/08.

¡Pásate al mundo de las Webs 2.0!

Web: Ver Contenido‘
Demos: Ver Contenido‘

- Archivo Adjunto: rico.rar