Círculo de Maquetadores » JavaScript

Galería de Imágenes con Lightbox Accesible

Álvaro Brito — Sat, 30 Jan 2010 12:07:25 +0000

Lightbox es una aplicación desarrollada en JavaScript. Este script ha ganado popularidad y distribución gracias a su simplicidad y elegante estilo, además de su fácil implementación. Permite al usuario ver una versión original y ampliada de imágenes sin necesidad de ir a otra página, además de ofrecer una herramienta simple y profesional para el mostrado de imágenes en un sitio web.

Existen una gran variedad de clones de Lightbox que podemos ver de la mano de anieto2k.

Sin embargo aquí vamos a mostraros un ejemplo de un lightbox accesible, es decir una galería de imágenes usando JavaScript no intrusivo y un correcto marcado semántico.

jQuery 1.4 ya disponible

Eduardo Sainz — Tue, 19 Jan 2010 22:10:38 +0000

Hace pocos días que ha sido lazanda la esperada versión 1.4 de jQuery. De hecho todavía no está disponible en la web oficial, aunque se puede descargar de jquery14.com o de los siguentes enlaces:

Juegos en Javascript

Eduardo Sainz — Wed, 16 Sep 2009 22:02:51 +0000

En este artículo vamos a mostrar el potencial que puede ofrecernos Javascript, hemos realizado una lista de juegos realizados por auténticos gurús de este lenguaje, desde simples rompecabezas hasta juegos en 3d.

Javascript Framework Matrix, conoce los diferentes Frameworks

Álvaro Brito — Tue, 15 Sep 2009 15:32:25 +0000

Javascript Framework Matrix, nos proporciona una visión general de los populares frameworks JavaScript y sus funciones. Hay varios ejemplos de los frameworks y cada fragmento contiene enlaces a la documentación oficial correspondiente. La elección de un framework depende de muchos factores y no puede hacerse tan solo con este artículo. La tabla únicamente muestra los diferentes estilos de la API y las funciones de las bibliotecas JavaScript.

jPlayer reproductor MP3 personalizable por CSS

Álvaro Brito — Wed, 02 Sep 2009 22:01:39 +0000

jPlayer es un plugin para jQuery que te permite:

El juego y el control de archivos de audio en su página web
Crear y modificar estilo de un reproductor de audio utilizando sólo HTML y CSS
Añadir efectos de sonido a nuestros proyectos de jQuery
Flujo más rápido usando HTML5 y alternativas de apoyo en formato ogg

Chuleta de jQuery 1.3

Eduardo Sainz — Wed, 02 Sep 2009 21:40:13 +0000

Útil chuleta con un listado de funciones, selectores, efectos y utilidades de una de las mejores librerías javascript.

50 Técnicas y Tutoriales de jQuery

Álvaro Brito — Wed, 26 Aug 2009 22:36:08 +0000

La sencillez, características avanzadas y un fuerte apoyo, son los argumentos más comunes para los desarrolladores que prefieren jQuery contra otros frameworks de JavaScript. Definiendo jQuery podemos decir, que consiste en un único fichero JavaScript que contiene las funcionalidades comunes de DOM, eventos, efectos y AJAX.

Carga Optimizada de Javascript

Álvaro Brito — Sun, 02 Aug 2009 12:54:24 +0000

El mayor problema que nos encontramos al cargar Javascript es que el navegador deja de renderizar la página mientras carga el fichero Javascript.

En cambio, si cargamos los ficheros dinámicamente mediante Javascript, evitamos el problema y podemos cargar ficheros Javascript de forma asíncrona sin afectar al renderizado de la página.

Nicholas C. Zakas ha desarrollado 3 principales puntos para optimizar la carga de JavaScript para nuesra Web:

Creamos dos ficheros Javascript. En el primero poner lo necesario para cargar dinámicamente otro ficheros javascript y el segundo con el código necesario para nuestra aplicación.
Introducimos el primer Javascript el final de la página, justo antes de cerrar la etiqueta <body>.
Justo después creamos un segundo tag <script> en donde llamaremos al/los fichero/s necesarios.