Arregla tu web

Mooflow, el efecto coverflow con mootools!!!

2009-12-17T16:15:00.000-08:00

Quien no ha visitado la web de Apple y de ha fascinado con su clásico slide de productos, en este post les traigo nada más ni nada menos ese slide con el efecto coverflow, listo para usarse con mootools, su configuración es sumamente sencilla, podemos configurarlo para iniciar en automático una vez cargada la página, cuenta con la opción de pantalla completa, tiene el ya clásico reflejo de las imágenes debajo de estas, estos son solo algunos de sus increíbles opciones de funcionamiento. Les dejo un par de capturas.

Enlace a Mooflow y ejemplos

Crea gratis espectaculares menús con css desde CSS Menu Maker

2009-12-16T15:23:00.000-08:00

CSS Menu Maker es una página que nos ofrece múltiples galerías de menús con puro estilo css, sus modelos son bastante agradables y originales, más útiles hoy en día cuando necesitamos herramientas que no se vean como el resto, entre las categorías se encuentran los menús horizontales, verticales y los famosos menús desplegables.

En tres sencillos pasos tendremos nuestro menú, listo para usarse en un proyecto nuestro y para ser editado hasta que llegue a ser el recurso que necesitamos, solo tenemos que elegir el de nuestro agrado, modificarlo a nuestro uso y descargarlo.

Enlace a CSS Menu Maker

Excelentes libros para el desarrollo web, para principintes, intermedios y avanzados

2009-12-16T14:14:00.000-08:00

El sitio web librosweb.es nos da una buena gama de libros electrónicos para iniciarse en el desarrollo web tratando temas como HTML, CSS y javascript, también trata temáticas para diseñadores y desarrolladores de sitios web avanzados como el trabajo con Ajax, CSS avanzado y Symfony, un completo framework de php que promete ser de los mejores.

Dichos recursos son gratuitos y los autores son profesores en su mayoría, cada publicación trae datos muy completos sobre su autor. Puedes encontrar las siguientes publicaciones.

Introducción a XHTML
Introducción a CSS
Introducción a Javascript
Refencia CSS 2.1
Introducción a Ajax
CSS avanzado
Symfony, la guía definitiva

Enlace a librosweb.es

Reflection, da un reflejo a las imágenes y trabaja con Mootools y JQuery

2009-12-15T16:08:00.000-08:00

Esta vez regreso con Reflecion.js, herramienta que funciona con Mootools, este script nos permite darle un elegante reflejo a nuestras imágenes con solo colocarles una clase, sin duda es una opción a considerar que nos ahorrará tiempo de edición a los que realizan este efecto mediante un editor de imágenes o software de retoque fotográfico.

Este script también esta optimizado para trabajar con JQuery, listo para usarse con la librería javascript que prefieras y además es muy fácil de usar. Compatible con Mozilla Firefox 1.5+, Opera 9+, Safari +2, Google Chrome y por último pero no menos importante, IE 6+.

Fuente de Reflection.js y ejemplo

Ventana modal con css, javascript y un poco de ajax

2009-12-15T13:13:00.000-08:00

Últimamente se han puesto muy de moda las ventanas de tipo modal, las vemos en cualquier parte, en redes sociales, foros, blogs y demás sitios, tener un recurso así en nuestra página web o blog no es cosa del otro mundo, seguro que alguna vez paso por nuestra mente que estas serían para grandes aplicaciones, pero tener una ventana modal es mucho más fácil de lo que parece.

Les entrego un recurso que usa en sus diferentes versiones, JQuery y Prototype, pero tranquilos, la programación no está en nuestras manos, solo con colocar algunas etiquetas div´s y asignar un id tendremos increíbles ventanas como estas

Como de costumbre, la herramienta está bien explicada y con buenos ejemplos, les dejo el enlace del recurso ventana modal y ejemplos.

Slideshow 2!, un slide de imágenes hecho con mootools!

2009-12-15T13:11:00.000-08:00

Para esta ocasión les traigo Slideshow 2!, un presentador de imágenes bastante atractivo que usa MooTools para brindarnos una vistosa presentación de fotos con thumbnails y descripciones de estas, es muy sencillo de usar y además como muchas otras cosas buenas, es libre, el código javascript y css viene bien comentado, sin duda es una gran herramienta para mostrar vectores, noticias, fotografías, etcétera, aquí les dejo una captura y el enlace a este útil recurso.

Enlace a Slideshow 2! y ejemplos

Video LightBox, añade videos a tu sitio o blog con el efecto lightbox!

2009-12-13T12:22:00.000-08:00

Video LightBox es un software gratuito y fácil de usar que te ayudará a colocar videos en tu sitio web o blog con el efecto lightbox, disponible para Windows y Mac, lo único que necesitas son los enlaces de los videos y en 3 sencillos pasos Video LightBox te dará la página html, sus respectivas librerías javascript y estilos css, además genera estomáticamente los clásicos thumbs de los videos.

Conoce a Video LightBox y ve un ejemplo

Menú de Apple, pero mejorado con JQuery

2009-12-12T19:10:00.000-08:00

En esta ocasión les traigo un tutorial, el cual trata sobre la creación de un menú similar al que Apple tiene en su sitio web, solo que este tiene una mejora, cuando el mouse pasa sobre uno de sus enlaces, este muestra un efecto bastante atractivo, esto se hace posible gracias a JQuery.

Esta es una gran opción para usarla en nuestros proyectos webs, el tutorial esta en inglés y contiene una liga para descargar el proyecto y editarlo a nuestras necesidades.

Visita el tutorial y el ejemplo.