Archivos para la categoria JavaScript

Tooltips Flash con jQuery

Navegando la Web me encuentro que Peter Goodman, creo un Plugin para jQuery que permite poner contenido Flash dentro de los tooltips.

Desde aquí puedes bajar el plugin y el ejemplo completo para usarlo, incluye el ActionScript.

jQuery Flash Plugin

Otro plugin bastante bueno, que permite de una forma sencilla pero poderosa, agregar contenido Flash mediante jQuery, permitiendo agregar vídeos de Youtube, reproductores mp3, etc de forma sencilla.

Basta con agregar unas lineas como estas:

$('#hello').flash({
    src: 'hello.swf',
    width: 320,
    height: 240
});

Enlace: jQuery Flash Plugin

Enlace: Flash tooltips using jQuery

Sin lugar a duda se le esta sacando todo el potencial a JavaScript, ahora james Hall esta creando jsPDF es un script en javaScript que genera PDFs, se puede usar como URI, del lado del servidor o como extensión para un navegador. De momento solo soporta simple texto pero su autor dice que esta trabajando para dar soporte a mágenes y embebido de fuentes.

El demo funciona perfectamente con Safari u Opera.

Enlace: Ver Demo (De preferencia usar Safari)

Enlace: jsPDF

Ethan Marcotte ha publicado un script en JavaScript que permite redimensionar las imágenes de un sitio Web automáticamente, a lo que se refiere en su post de imágenes fluidas (Fluid images).

El script analiza la página Web reemplazando las imágenes por un GIF transparente, aplicándoles la propiedad AlphaImageLoader, así cuando la ventana es redimensionada el script calcula automáticamente el alto y ancho de las imágenes.

Enlace: Ver Demo

Encalce: Fluid images

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 Glow es un código jQuery que permite al texto emitir luminosidad cuando el cursor se posa sobre esté, el código elaborado por Pat Nakajima funciona en navegadores que soportan la propiedad CSS text-shadow, observa el demo en acción.

Implementación sencilla:

$(document).ready(function() {
  $('.glow-me').addGlow();
});

Implemetación un poco más avanzada:

$(document).ready(function() {
  $('.glow-me').addGlow({
    radius: 20,
    textColor: '#ff0',
    haloColor: '#ffa',
    duration: 200
  });
});

Enlace: jQuery Glow

Enlace: jQuery Glow (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

Puede ser noticia bomba del año: la cúpula directiva de Internation Business Machines, más conocida como IBM, está negociando la compra de Sun Microsystems, empresa propietaria de la familia de procesadores SPARC, la plataforma Java y la base de datos MySQL. La operación, valorada en unos 6.500 millones de dólares, podría cerrarse esta misma semana.
Leer el resto de la entrada »

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