Contenido

Jx, interfaz de usuario gráfica para MooTools

14 Nov

+ 18

Jx, es una interfaz gráfica desarrollada por y para MooTools que nos pone a nuestra disposición una serie de herramientas para desarrollar interfaces en un menor espacio de tiempo. 

Elementos como paneles informativos, menús, grids,… se convierten en pocas líneas en las que definiremos el contenido y evitaremos perder demasiado tiempo en crear dichos elementos.

new Jx.Panel({
        image: 'images/page_white_world.png',
        label: 'Basic Panel 2',
        contentURL: 'panel_content.html',
        menu: true,
        height: 200
    }).addTo('panelBasic');

Los acabados obtenidos son realmente agradables a la vista, muy acorde con las aplicaciones web que se hacen en la actualidad. Pero al estar desarrollados usando CSS para el diseño, nos permitirá cambiar su apariencia fácilmente sin tener que meter mano en el código fuente.

menu_jx_mootools

Además, dispone de una API bastante extensa en la que podemos encontrar todas las opciones disponibles y en que elementos usarlos. Los ejemplos que nos encontramos en la página nos muestran algunas de las posibilidades de esta librería.

Crea tu propio Twitter con MooTools 1.2

12 Nov

+ 2

Si te gustaría crearte tu propio Twitter para compartir solo con tus amigos/compañeros/familiares/… lo que estás haciendo puedes hacerlo tu mismo con este tutorial que NETTUTS nos muestra. Con un poco de MooToos y mucho menos de PHP puedes hacer tu propio twitter 😀

MooTools FormCheck, validador de formularios con MooToos

21 Oct

+ 1

MooTools FormCheck es un script para validar formularios desarrollado con MooTools que nos permite simplificar la tarea de validar los datos que el usuario introduce en nuestros formularios. [Demo][Descargar][Via]

MooTools 1.2.1 está en la calle

17 Oct

+ 1

Hoy anunciaban la salida de la última revisión de MooTools, la 1.2.1. Que consolida la ya aplaudida versión 1.2 y el ligero listado de cambios demuestra que hacen las cosas bien. [Descargar]

48+ increible scripts con MooTools

14 Oct

+ 7

Aunque últimamente he dejado un poco de lado a MooTools no paso por alto ningún artículo sobre él. Ya que tengo muy buenos recuerdos de su metodología y su código. Y una muestra de la suma de estos factores a su velocidad, escalabilidad y flexibilidad dan lugar a una gran cantidad de scripts realmente sorprendentes:

  1. Mootools version: 1.2
  2. Mootools Ext Adapter
  3. Milkbox
  4. NoobSlide
  5. (E)2 Photo Gallery
  6. Pathfusion : Slideshow
  7. MooSlide
  8. SmoothGallery
  9. MooFlow
  10. Viewer – mootools
  11. Slimbox
  12. BarackSlideshow
  13. SlideShow 2
  14. PathFusion : multibox
  15. SqueezeBox – Expandable Lightbox
  16. MediaBox
  17. Javascript Image Gallery Using Mootools (part 2)
  18. Sliding Tabs
  19. Mootabs
  20. SimpleTabs – Unobtrusive Tabs + Ajax
  21. Custom Form Elements
  22. FormCheck
  23. fValidator
  24. ForMoo – Form Tools for Mootools
  25. MOOdalBox – an HTML Lightbox
  26. Javascript Fisheye Example
  27. FancyUpload – Swiff meets Ajax
  28. UI TESTS :: Drop Menu
  29. ddmenu
  30. Fancy Menu
  31. Mootools :: Drop Menu example
  32. UvumiTools drop down menu
  33. Drop Down Menu
  34. MenuMatic – Drop Down Menu
  35. PathFusion : image menu
  36. Calendar (date picker)
  37. Unobtrusive JavaScript date-picker widgit
  38. Another date picker
  39. wysiwyg – mootools
  40. Pathfusion – Sortable table
  41. Mootable
  42. Reflection.js
  43. Autocompleter
  44. Tipsx3
  45. Mootools Split Panes – Work in Progress
  46. iCarousel
  47. MooSocialize
  48. Pathfusion : Rounded Corner
  49. heySilver – MooTools Edition

SexyAlertBox, muestra alertas con estilo

21 Ago

+ 7

Eduardo de Coders.me, me avisa de que SexyAlertBox ha visto la luz. Un script desarrollado en Javascript, usando MooTools como Framework,  con el que ampliamos las posibilidades que alert() nos ofrece, una herramienta que nos permite mostrar mensajes de una forma más amigable para el usuario y que además podemos personalizar para adaptar a nuestra aplicación.[Demo][Descargar]

Crea una impresinante galería de imagenes con MooTools

3 Ago

+ 1

Los chicos de NETTUTS nos explican paso a paso como hemos de desarrollar un impresionante galería de fotos usando MooTools. Como es de esperar, la galería está cargada de una gran cantidad de efectos y funcionalidades que hacen muy vistoso el resultado. [Demo][Descargar]

mooZoom, inserta un zoom en tus aplicaciones web con MooTools

10 Jul

+ 1

mooZoom es una aplicación desarrollada con MooTools que te permite integrar un zoom a tus imagenes con MooTools. En la demo podemos ver que haciendo uso de la rueda del ratón, podremos ampliar o reducir la imagen a la que apliquemos el estilo. [Demo][Descargar]

Barras de progreso animadas gracias a MooTools

7 Jul

+ 2

Si está usando MooTools y necesitas mostrar una barra de progreso, hazlo con estilo. Y, ¿por que no con un poco de movimiento? Con dwProgressBar de MooTools podrás crearlas fácilmente e integrarlas en tus aplicaciones para añadir un poco de dinamismo a tus aplicaciones.

MooTools 1.2 cheat sheet

13 Jun

+ 1

Han tardado poco en readaptar el Cheat Sheet de MooTools a la nueva versión, la 1.2. Con ella evitaremos tener que tirar de la documentación oficial y tendremos a mano todo lo necesario para conseguir unos scripts increibles.[Descargar]