JavaScript

LESS en Ubuntu

1

LESS es el lenguaje de estilos dinámico de moda (con permiso Sass ). En este artículo describiremos cómo instalar/usar LESS desde Ubuntu.

A pesar de que no es el objetivo de este artículo detallar las características y las ventajas/inconvenientes de LESS frente a Sass sí dejaremos algunos ejemplos básicos de las ventajas frente a código CSS compilado (el CSS “de toda la vida”). (más…)

Ligthbox javascript. Como hacer popup sin ventanas.

0

Para aquel que no tenga muy claro lo que es un Lightbox lo explicaré brevemente y de manera global. Son scripts que se usan para mostrar contenidos(principalmente su uso es con imágenes) por encima del contenido actual, sin tener que recargar la página. Es ese efecto que vemos en ocasiones donde el contenido se poner oscuro y por encima se muestra algo. En pocas palabras, un popup pero mas chulo.

Existen infinidad de  script que hacen esto pero aqui voy a poner 8 que me parecen dignos de ser mencionados. Cada uno tiene sus ventajas y desventajas aunque yo me inclino por ShadowBox.js.

  1. LightBox 2: In Lightbox 2. Solo permite usar imágenes.  Permite agrupar imágnes y mostrarlas en slideshow con la posibilidad de especificar transiciones. Usa Prototype Framework y Scriptaculous Effects Library.
  2. ThickBox 3.1: Es similar a Lightbox pero permite usar texto, inline frames, y tiene módulo de login. ThickBox está desarrollado sobre jQuery library (creo). No tiene transiciones.
  3. MultiBox: Parecido a lightbox pero también soporte flash, video, mp3s, y html. Desarrollado sobre MooTools.
  4. GreyBox: Se usa para mostrar websites e imagenes. Como punto positivo tiene que no usa ninguna librería externa y ocupa ¡solo 22 KB!.
  5. SexyBox: SexyBox tampoco usa ningún framework externo. Solo puede mostrar texto. No estoy seguro pero me parecio ver que también soporta algo de imágenes, pero la verdad es que no lo he probado.
  6. ShadowBox.js: Shadowbox soporta un montón de formatos incluido imagenes, QuickTime, Windows Media Player, Flash, Flash video, HTML, y páginas webs externas. Como ya he comentado es mi preferido, es bastante configurable y tampoco usa ningún framework externo. Como punto negativo diré que su documentación es escasa y bastante mala.
  7. LightView: No está nada nada mal ya que también puede usar imagenes, QuickTime, Windows Media Player, Flash, Flash video y HTML. Usa Prototype y Scriptaculous.
  8. GMapsOverlay: Este me resultó gracioso. No lo he usado, pero según comenta solo vale trabaja con Google maps.Desarrollado sobre MooTools.
Go to Top