Laboratorio Tecnologico Experimetal
Posts tagged Scripts
65 Demos y Plugins de Mootools
Jul 11th
Logo Mootools
¿Qué es Mootools?
MooTools es un Framework web orientado a objetos para JavaScript, de código abierto, compacto y modular. El objetivo de MooTools es aportar una manera de desarrollar JavaScript sin importar en qué navegador se ejecute de una manera elegante. MooTools aporta una API documentada más enfocada a la orientación de objetos que la implementación estándar soportada por los navegadores web.
Ventajas
Como otras tantas bibliotecas JavaScript, MooTools aporta al usuario muchas ventajas. Alguna de ellas:
* Es un Framework modular y extendible, el desarrollador puede elegir (específicamente) que componentes usar y cuales no.
* MooTools es orientado a objetos y sigue los principios DRY, que hacen de él un Framework rico, potente y eficiente.
* Componente avanzado de efectos (Effects), con transiciones (Transitions), de función parabólica, optimizadas y utilizadas por multitud de desarrolladores Flash.
* Framework desarrollado por programadores para programadores.
Pero bueno, aca les dejo unos cuantos demos/plugins:
MooScroll
MooScroll
Twitter Emulation
Twitter Emulation
Reflection
Reflection
MooFlow
MooFlow
moo.rod
moo.rod
(No Ratings Yet)
Loading ...20 Excelentes Técnicas de Navegación y Ejemplos en JavaScript
May 1st
Javascript permite que agreguemos la interactividad y retroalimentacion a nuestros proyectos, haciendo que la experiencia del usuario sea mejor y más intuitiva.
En este post les mostrare algunos ejemplos de navegación que he encontrado, espero les sean de utilidad.
-
MenuMatic
-
Animated Menu using jQuery
-
Garagedoor Effect using jQuery
-
JGlide Menu
-
Vertical Sliding jQuery Menu
Fuente:20 Excelentes Técnicas de Navegación y Ejemplos en JavaScript
(No Ratings Yet) Loading ...Como Crear un Menu CSS con Efecto OnMouseOver
Apr 18th
En esta ocasión les traigo un pequeño codigo hecho en CSS con el cual podremos crear un menu con efecto OnMouseOver, el cual es muy similar a muchos scripts escritos en javascript, que nos brindan el mismo efecto.
Este efecto basicamente es el siguiente, cuando esta en reposo la seccion del menú tiene un color y cuando esta activo tiene uno diferente, al igual que cuando damos click, toma un tercer color.
Bueno sin mas explicaciones les dejo el codigo.
CSS:
CSS:
-
<style type="text/css">
-
#menu div.barraMenu,
-
#menu div.barraMenu a.botonMenu {
-
font-family: sans-serif, Verdana, Arial;
-
font-size: 8pt;
-
color: white;
-
}
-
-
#menu div.barraMenu {
-
text-align: left;
-
}
-
#menu div.barraMenu a.botonMenu {
-
background-color:#0099FF;
-
color: white;
-
cursor: pointer;
-
padding: 4px 6px 2px 5px;
-
text-decoration: none;
-
}
-
#menu div.barraMenu a.botonMenu:hover {
-
background-color:#0066FF;
-
}
-
#menu div.barraMenu a.botonMenu:active {
-
background-color:#0000CC;
-
color: white;
-
}
-
</style>
HTML:
(No Ratings Yet) Loading ...Moving Boxes – Contenido deslizante con jQuery
Feb 18th
Algo de lo atractivo en los sitios actuales son los efectos sin la necesidad de implementar flash (muchos estan a favor del flash en la web y otros no tanto, el debate se basa en el peso de los sitios en flash) y para lograr talez efectos existen varias maneras y las mas actuales son jQuery y Mootols. (El siguiente script es jQuery)
Navegando por Xyberneticos.com(un sitio que no puede faltar en tus marcadores) me encuentro con Moving Boxes que para mi gusto es un script muy lugrada y lo mejor de todo muy util y aplicable para nuestros sitios
Demo - Descarga - Mas info Moving Boxes
Fuente: Xyberneticos.com
(No Ratings Yet) Loading ...
Sliding Side Bar – Hermoso menu lateral
Apr 21st
Sliding side bar es un hermoso menu lateral creado con mootools, este menu funciona y tiene un aspecto muy hermoso que lo podemos integrar de manera sencilla en algun costado de nuestro sitio. bueno sin mas que decir aqui les dejo el codigo CSS y Html para su utilizacion, y tambien los archivos necesarios como lo son mootools.js y side-bar.js, tambien les dejo una ejemplo en fucionamiento.
More >
(No Ratings Yet) Loading ...
Últimos Comentarios