Javascript
PNG Fix para IE6 con Mootools - e24PNGFix
Yo siempre me he declarado abiertamente en contra del uso Internet Explorer 6. IE me hace perder 3 o 4 horas de trabajo todos los días y nos pone a los desarrolladores web en la disyuntiva de limitar nuestras posibilidades de creación o renunciar a una cuota de mercado que aun no es despreciable.
Uno de [...]
Monitoriza el scroll con e24ScrollEvents para mootools
Introducción
Hace muy poco David Walsh publicó en su blog ScrollSpy, un plug-in con objetivos muy similares a e24ScrollEvents. En ese momento ya tenía algo adelantado de e24ScrollEvents para un proyecto en el que trabajaba y no desistí de su desarrollo porque creo que tiene algunos añadidos que hacen que sea muy fácil de usar. Compáralos [...]
Capta la atención de un objeto con e24SpotLight para mootools
Introducción
e24SpotLight es un plug-in para Mootools que permite captar la atención del usuario sobre una región. El efecto simula un apagado de luces dejando solo iluminada la región que deseamos destacar.
Demos
Demo1: Seleccionando un objeto
Demo2: Seleccionando una región
Demo3: e24Presenter + e24SpotLight
¿Cómo utilizarlo?
Incluye Mootools 1.2.2 Core dentro del header del código HTML de la página. Puedes generar [...]
e24BubbleFx - Transición de fotos mediante efecto de burbuja
Introducción
e24BubbleFx es un plug-in para Mootools que consiste en la transición entre dos fotografías, una como capa superior y otra inferior alternándose la visión de una u otra con un efecto burbuja de la propia imagen superior.
Lo mejor es verlo en acción y así entenderéis rápidamente a que me refiero.
Demos
Demo1: Ejemplo básico
Demo2: Ejemplo con eventos
¿Cómo [...]
History Manager para AJAX, solución al botón back
Una de las mayores críticas a las aplicaciones web en AJAX es acerca de sus limitaciones de accesibilidad y usabilidad. Los usuarios tienen ya vicios y costumbres y no entiende de AJAX, ello solo quieren que si le dan al botón back funcione como siempre y valla a la página anterior, y que si marcan [...]
Validar atributo target XHTML Strict o HTML 4.0 Strict
Para los amantes de los estándares de la web os propongo un truco para simular el comportamiento del atributo “target” de la etiqueta <a>, sin dejar de cumplir el estándar HTML 4.0 Strict o XHTML 1.0 Strict.
Para ello utilizaremos el atributo rel=”external” que no incumple con los estándares. Utilizaremos un script que revisará todos [...]
e24Squares - Efecto AJAX de transición de imágenes
Introducción
e24Squares es una extensión para scriptaculous que permite hacer transiciones entre imágenes con un efecto original. Este efecto genera una serie de cuadros blancos que van apareciendo de forma aleatoria en diferentes posiciones mientras la siguiente imagen va apareciendo detrás con un efecto de opacidad o fade. La extensión puede ser usada como galería [...]
Degradar correctamente en AJAX
Con cada nueva versión los navegadores nos traen nuevas funcionalidades que nos permiten dotar a nuestras páginas de efectos AJAX cada vez más avanzados y atractivos. Aunque la mayoría de estas mejoras van de la mano en los navegadores más populares y cada vez están más estandarizadas, siempre existen factores que hacen que nos [...]
e24TabMenu – Menú desplegable AJAX
Introducción
e24TabMenu es un plugin de scriptaculous que permite hacer un tab menú que al clicar sobre sus pestañas se expanden hacia abajo.
Demos
Con todas las pestañas ocultas
Con una pestaña expandida por defecto
¿Cómo utilizarlo?
Incluya Prototype 1.6.0.2 y Scriptaculous 1.8.1 dentro del header del código HTML de la página. Incluya e24TabMenu después de ambos:
?Ver código HTML1
2
3
<script type=’text/javascript’ src=’js/prototype.js’></script>
<script [...]
e24Writer - Efecto de aparición progresiva
Introducción
e24Writer es un plugin de scriptaculous que permite hacer una animación donde los elementos van apareciendo progresivamente mediante una transición de opacidad. Los elementos pueden ser imágenes, elementos HTML o texto.
Demos
Animación de Imágenes
Animación de un Texto
¿Cómo utilizarlo?
Incluya Prototype 1.6.0.2 y Scriptaculous 1.8.1 dentro de header del código HTML de la página. Incluya e24Writer [...]
