Posts etiquetados ‘JavaScript’

jTouch es un manual para jQuery que se adapta perfecto a las funcionalidades Touch del Iphone o del IpodTouch, de momento esta para la versión 1.2.3 de jQuery.

La herramienta se adapta perfecto al entorno del Iphone y de esta forma nos permite acceder a ella desde cualquier lugar siempre y cuando tengamos una conexión a Internet.

Enlace: jTouch

jQuery es sin lugar a duda una de las librerías JavaScript más eficientes y usadas, en la Web encontramos infinidad de guías para documentarnos acerca de esta, visualjquery.com es un sitio Web que nos permite conocer las funcionalidades a la vez que nos sirve de manual de forma visual e intuitiva, cuenta con un buscador con sistema de autocompletado, esta guia esta actualizada a la versión 1.2.6, y la información se encuentra organizada de forma muy eficiente.

Enlace: VisualjQuery

Chris Brainard desarrolló una herramienta que permite por medio de el uso de jQuery y jCrop, generar el código CSS para un Sprite de una imágen que subamos.

Aquí vemos su funcionamiento, gracias al uso de jCrop podemos seleccionar una porción de la imágen que subimos y la herramienta de Brainard nos proporciona el CSS necesario para su implementación.

Enlace: Sprite creator

Enlace: CSS Sprite creator (Vía Ajaxian)

jQuery Menu es un aplicación que te permite convertir una lista desordenada de enlaces en un muy estético menú con sub-menús, además cuenta con una selección de temas para darle un aspecto más personal al menú.

El script utiliza ThemeRoller, lo que permite cambiar la apariencia del menú de manera muy sencilla con un simple clic, además podemos crear nuestros temas personalizados.

jQuery Menu crea menús al estilo Ipod utilizando los atributos ARIA (Accessible Rich Internet Applications Suite).

Para su utilización requiere de jQuery y jQuery UI.

Enlace: Descargar jQuery Menu y ejemplos

Enlace: Ver Demo Ipod

Enlace: jQuery Menu

David King ha creado un muy buen script, que te permite fijar con pocas lineas de código ojos que siguen el cursor donde este se dirija.

Dice David que cuando indago acerca de como crear algo así, la explicación fue basada en simple trigonometría, para muchos ya la palabra trigonometría no es nada simple, así que David creo un script en JavaScript que realmente es muy corto, y usando pocas lineas de código podemos crear ojos que sigan el cursos en cualquier parte.

Para hacerlo solo debes descargar el archivo de David King aquí esta desarrollado en JavaScript, y agregar estas simples lineas en la Web donde quieres tener los ojos:

Código que va en la Web donde quiera que aparescan los ojos.

<script type=”text/javascript” src=”eyes.js”></script>
<div id=”myEye” style=”width: 100px; height: 100px; background: url(’white.png’) center center no-repeat;”>
<img src=”pupil.png” width=”30″ height=”30″ />
</div>
<script type=”text/javascript”>
EYES.follow (’myEye’);
</script>

Si quieres conocer a fondo su funcionamiento lo puedes hacer en la Web del autor, o si prefieres ver el uso mira este ejemplo que desarrollamos en tan solo 2 minutos usando el archivo de David King.

Excelente y simple, por lo menos sin la explicación de trigonometría.

Enlace: JavaScript Version XEyes (Vía ajaxian)

Enlace: Oppstudios