18 Sep

MenuMatic, para crear menus rapido con Mootools

Categorías: Desarrollo, Javascript, Recursos

MenuMatic es un excelente script javascript hecho con MooTools 1.2 que no facilita la tarea de crear menus de navegación rápidos en base a listas.

Con solo modificar unos parámetros podrías elegir entre un menu vertical o un menu horizontal, como funciona? así…

HTML:

<link rel="stylesheet" href="css/MenuMatic.css" type="text/css" media="all" />
...
<ul id="nav">
	<li><a href="#" >Link 1</a></li>
	<li><a href="#" >Link 2</a>
		<ul>
			<li><a href="#" >Link3</a></li>
			<li><a href="#" >Link4</a></li>
		</ul>
	</li>
	<li><a href="#" >Link 5</a></li>
</ul>
...
<script type="text/javascript" src="js/mootools-1.2-core-min.js" ></script>
<script type="text/javascript" src="js/MenuMatic_0.67.js" ></script>

JavaScript:

var myMenu = new MenuMatic({/*options here*/});

Sus caracteristicas son:

  • Amigable para los buscadores: únicamente manipula los enlaces no utiliza enlaces javascript.
  • Usable
  • Accesible
  • Personalizable
  • Flexible

Enlace: MenuMatic

Autor: Jorge No hay comentarios, haz el tuyo
18 Ago

40+ técnicas para mejores estética y funcionalmente tus formularios

Categorías: CSS, Desarrollo, Javascript, Recursos, Web 2.0

Excelente el post que ha publicado Noupe con un total de 40 técnicas para mejorar la estética y funcionalidades de nuestros formularios utilizando CSS y Javascript, todas estas técnicas están apoyadas en frameworks javascript como Mootools y jQuery que ya le han robado el trono al prototype.

Enlace:Form Elements: 40+ CSS/JS Styling and Functionality Techniques

Autor: Jorge 1 Comentario, respondele
31 Jul

10 scripts de mootools para mejorar tus formularios

Categorías: Ajax, Desarrollo, Diseño, Recursos

Llenar un formulario puede ser lo mas aburrido y difícil durante tu experiencia en un sitio web, pero esto puede mejorar la usabilidad y experiencia de tu visitante por tu sitio debes considerarlo como el aspecto mas importante a tomar en cuenta.

En cats who code han recopilado 10 scripts de mootools para mejorar formularios, entre los scripts estan herramientas para  calendarios, validación de formularios, checkbox y radios personalizados, etc…

Enlace: 10 Mootools scripts for enhacing your html forms

Autor: Jorge No hay comentarios, haz el tuyo
11 Jun

noobSlide, un elegante slide usando MooTools

Categorías: Ajax, Desarrollo, Javascript, Recursos

noobslide, un elegante slide usando mootools

noobSlide es un script javascript basado en el framework MooTools que nos permite hacer un slide con diferentes elementos de nuestra pagina, puedes aplicarlo a imágenes obteniendo una elegante galería o a capas (DIV) para obtener una navegación dinámica y muy elegante.

Si quieres ver otras posibilidades que noobSlide y ajax nos da sigue los enaces.

Enlace:

Autor: Jorge No hay comentarios, haz el tuyo
4 Jun

Calendarios y Datepickers scripts gratis

Categorías: Ajax, Desarrollo, Javascript, Recursos

En SixRevisions me encuentro con una lista de sripts javascripts y ajax de calendarios y datepickers, muy buenos y bastante funcionales.

calendar class

El primero Calendar Class es una clase javascript que utiliza MooTools, se me hace el mejor en cuanto a usabilidad y sencillez.

datejs

Pero no es la única opción esta Datejs que tiene ciertas características de funcionalidad que lo puede poner como una excelente opción, por ejemplo si escribes en el campo de texto “today” el script te va a devolver la fecha de hoy, es decir funciona como un search suggest bastante bueno no creen?

Si quieren ver el resto de los Datepickers y calendarios sigan el enlace.

Enlace: Free calendar and datepickers scripts

Autor: Jorge 1 Comentario, respondele
22 Nov

Inicia tu Web OS con MooTools y Mocha UI

Categorías: Ajax, Javascript, Librerias, Web 2.0

MooTools Mocha UI es una excelente clase que aprovechando la potencia de MooTools v1.2 nos brinda la posibilidad de generar ventanas flotantes con una buena cantidad de efectos, utilizando canvas para generar las curvas en las ventas y otros aspectos pero sin duda la propiedad a considerar es su peso ya que es una libreria que pesa apenas 15 kb.

Mootools Mocha UI, ventanas flotantes con Mootools

Sin duda una alternativa para empezar a crear tu Web OS, entre sus características estan :

  • No utiliza imágenes, el diseño de las ventanas es generado mediante canvas.
  • Esquinas redondeadas ajustables.
  • Las ventanas pueden activarse, maximizarse, arrastrarse y re-dimensionarse.
  • Permite la generación de ventanas de manera dinámica.
  • Cuando la ventana es maximizada esta se ajusta al tamaño de la ventana en caso que esta sea redimensionada.
  • Es mínimo el HTML que se utiliza para generarse.
  • Probado con Firefox 2, Internet Explorer 6 & 7, Safari 2, and Opera 9.

Su creado de nombre Greg tiene en mente ya mas caracteristicas entre las que estan (ver despues del salto):

Leer el post completo…

Autor: Jorge 1 Comentario, respondele
4 Oct

Galeria de Imagenes con Mootools

Categorías: Librerias, OpenSource

(E)2 Photo Gallery es una galeria open source hecha con Mootools, entre sus caracteristicas estan:

Galeria de Imagenes con MooTools

Features

  • Smooth Image Transitions
  • Quick change between 4 designs
  • Thumbnail Viewer
  • Automatic Photo Detection
  • Image Uploader Included
  • Four Design Viewer Options
  • No Database Needed
  • Automatic Adjustment to Image Sizes
  • Reads in Photo Meta Data (IPTC Info)
  • Titles
  • Descriptions
  • Copyright Info
  • Author
  • Dynamically Built using PHP
  • Easy Maintance
  • Hide/Show Thumbnails

Enlace: (E)2 Interactive Photo Gallery

Autor: Jorge 1 Comentario, respondele

PublicidadContratar banner

Tu banner aqui awesome stock blog action day
Blog de juegos y trucos Flash Den Tu banner aqui
unete al grupo de facebook

PublicidadContratar banner

Breves y Rapidas!!

32+ PSD para descargar gratis

Excelentes archivos PSD para descargar gratis son un total de 32 archivos PSD entre iconos, estuches, carteles y otros.

Enlace: 32 free PSDs

Vía: Editando.cl

0

Iconos PSD de avatars

Muy buen set de iconos PSD de avatars si aquellas caritas que utilizas para identificarte en foros y comentarios.

Enlace: Avatar Icon Set

Vía: Xyberneticos

0

20+ diseños de la mascota de twitter (el pajaro)

Twitter muchos lo utilizan yo soy fan de twitter y su mascota el pajarito cada sitio presenta a su manera, estos son 20 diseños de la mascota de twitter.

Enlace: 20 twitter bird designs

0
sigueme en twitter