Javascript | Rutarelativa

Rutarelativa

Filtrando por la categoría Javascript

Chevereto: Script gratuito de almacenamiento de imágenes

(0) Escrito por Sergiocius el Viernes 13 de Agosto del 2010

Reinventar la rueda no es una práctica recomendable, y mucho menos en el mundo de la Informática, por eso vemos cada día mayor cantidad de scripts y gestores de contenido fácilmente adaptables a nuestras necesidades e ideas.

Chevereto es un Script gratuito de almacenamiento de imágenes que está teniendo una muy buena acojida por el numeroso grupo de usuarios que ha decidido adaptarlo para sus proyectos; pero conozcámoslo un poco más.

Javascript, Php, Web

[Leer el artículo completo]

Jugar de nuevo a Google Pac-Man

(1) Escrito por KeLDroX el Miércoles 26 de Mayo del 2010

Hace una semana aproximadamente Google, para celebrar los 30 años de la aparición del legendario juego Pac-Man, desarrolló en su Doodle (logotipo de Google) el mismísimo juego de Pac-Man; un feroz laberinto con fantasmas y logotipo de Google.

Los que no lo hayan visto, cosa que dudo, o la gente que quiera jugar de nuevo a Google Pac-Man podréis hacerlo de diferentes formas, una es bajándose el código fuente de la aplicación y ejecutando el index.html o la mejor opción desde una URL especial de Google para seguir disfrutando de Pac-Man.

Google, Javascript, Videojuegos

[Leer el artículo completo]

Plugin para realizar una galería de imágenes con Jquery

(0) Escrito por KeLDroX el Miércoles 26 de Mayo del 2010

Los fotógrafos profesionales o los que tienen como hobby tomar algún momento con sus cámaras están de enhorabuena, ya que los chicos de Tympanus han creado un fantástico plugin para realizar una galería de imágenes con JQuery en el que podremos incluir nuestras fotografías.

Javascript

[Leer el artículo completo]

Mootools Forge: Directorio de plugins para Mootools

(0) Escrito por KeLDroX el Martes 25 de Mayo del 2010

Mootools Forge es un directorio que esta dentro de la página oficial de Mootols en el que encontraremos diversos plugins realizados por la comunidad de Mootools listos para su descarga y uso.

Debo decir que soy amante de Mootools desde que vió la luz hace ya varios años, utilizándolo siempre en algún que otro proyecto. Lo que si observo, desde hace un tiempo, que se desarrollan muchos más plugins para otros frameworks, como por ejemplo JQuery, aunque viendo Mootools Forge y la de centenares de pequeños plugins que andan desperdigados por la red, la gente de Mootools tenemos suficiente.

Javascript

[Leer el artículo completo]

Nivo: Slider con varias transacciones en Jquery

(1) Escrito por KeLDroX el Martes 23 de Marzo del 2010

Nivo Slider es un fantástico plugin más para realizar una presentación de varias imágenes en Jquery. A diferencia de otros sliders este contiene nueve efectos de transacciones entre imágenes diferentes, además de ser altamente personalizable, como por ejemplo los efectos de transacción, navegación, eventos, etc. Nivo Slider está desarrollado por Dev7studios, un pequeño estudio situado en el norte de Escocia. Además de Nivo Slider podéis encontrar más recursos interesantes en Dev7studios como por ejemplo themes para Wordpress, entre otros.

Javascript

[Leer el artículo completo]

Como usar Javascript en peticiones Ajax Mootools

(0) Escrito por KeLDroX el jueves 04 de Febrero del 2010

Cuando realizamos una petición Ajax, ya sea en el framework que estemos utilizando, nos hará falta en bastante ocasiones tener que llamar alguna función en Javascript o realizar alguna sentencia. Ya sea antes o después de la petición, o antes o después de pintar los datos en HTML. Vamos a practicar tres formas posibles de usar Javascript en peticiones Ajax mediante Mootools.

Desarrollo, Javascript

[Leer el artículo completo]

JQuery: Plugin maxImage, escalar imagenes

(0) Escrito por KeLDroX el Martes 26 de Enero del 2010

MaxImage es un plugin para Jquery que escala la imagen que nosotros le digamos al tamaño completo de su contendor. Es decir por ejemplo una imagen que sea de 3000px no cabría en un monitor con una resolución de 1280px. MaxImage se encarga de reducir el tamaño al mismo que su contenedor padre. El plugin además tiene la posibilidad de activar un slideshow de imágenes. Muy útil se queremos realizar una galería de imágenes en pantalla completa como se puede observar en la demostración.

Con la nueva versión de CSS3 ya no necesitaremos usar estos plugins y podremos realizarlo con la nueva propiedad background-size que se encargara de dar un tamaño a la imagen para utilizarla de fondo en alguna capa. Si le damos valor 100% se mostrara al tamaño máximo de la capa, escalando la imagen como realiza el plugin.

Fuente y demo: Aaronvanderzwan

Desarrollo, Javascript

Reloj en jQuery

(0) Escrito por KeLDroX el Miércoles 20 de Enero del 2010

Navegando por delicious encuentro un Plugin para jQuery que muestra la hora en unas esferas simulando un reloj. Realizado por tutorialzine, comenta que antes de fin de año quiso mostrar cuantas horas quedaba para el nuevo año de forma colorida y novedosa. Es fácil de integrar y de entender ya que al final lo hizo en forma de tutorial. Se me ocurre una buena forma para mostrar un loading en jQuery simulando estas esferas. De todas formas me gusta más la librería Mootools y espero que alguien algún día lo pase a dicha librería.

Descarga: Reloj en jQuery Demo: Reloj en Jquery

Freebies, Javascript

HistoryManager en Mootools

(0) Escrito por KeLDroX el Martes 19 de Enero del 2010

Las aplicaciones AJAX ayudan a la interactividad del usuario, reducir la carga innecesaria que supone cargar una página completa, y para muchísimas más cosas. Pero los usuarios siguen sin estar acostumbrados a las peticiones AJAX, además se sienten incómodos al no poder retroceder como es debido a la página anterior. Por ello Digitarald.de creó HistoryManager en Mootools que nos ayuda a poder retroceder en nuestras peticiones AJAX como si una navegación normal se tratase. Existe un inconveniente al usar esta clase ya que se ha quedado obsoleta con la nueva versión de Mootools 1.2.4. Buscando una nueva clase que solucionara la compatibilidad con la nueva versión encontré que el usuario peterpunk lo había solucionado. He preparado una demo que podéis descargar y ver el código que contiene todo documentado.

Demo: HistoryManager en Mootools Demo: Descargar demo Descargar: HistoryManager

Desarrollo, Javascript

MooEditable: Plugin Mootools editor de texto

(1) Escrito por KeLDroX el Viernes 15 de Enero del 2010

MooEditable es un simple pero potente Plugin para Mootools que convierte nuestros textareas (cajas de texto en HTML) en editores WYSIWYG. Como cualquier editor de texto nos mostrará una barra de herramientas en las cuales podemos encontrar:

Formato de texto: Negritas, cursivas, subrayado y tachado. Listas: Numéricas y por puntos. Tabulaciones a nuestros párrafos. La opción de poder rehacer y deshacer. Insertar imágenes e hipervínculos. Cambio entre diseño y HTML.

Desarrollo, Javascript

[Leer el artículo completo]

Paginación

1 2 Siguiente » Última »