Mooflow, el efecto coverflow con mootools!!!

Posted by Mario | Posted in , , , , , | Posted on 16:15

1

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

Posted by Mario | Posted in , , , , | Posted on 15:23

2

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

Posted by Mario | Posted in , , , , , , | Posted on 14:14

0

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

    Posted by Mario | Posted in , , , , | Posted on 16:08

    0


    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

    Posted by Mario | Posted in , , , , | Posted on 13:13

    0

    Ú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!

    Posted by Mario | Posted in , , , , | Posted on 13:11

    0

    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