Etiquetas ‘javascript’

Código Konami en Javascript

El Código Konami (Konami Code) es un truco que la gente de Konami integraba en muchos de sus juegos y que generalmente ofrecía acceso a una sección secreta.
↑ ↑ ↓ ↓ ← → ← → B A
Muchas son las aplicaciones web que integran este código, implementar este código en cualquier página web mediante Javascript es [...]

Más »

Generar documentos PDFs con Javascript

A través de Ubuntu Live descubro jsPDF, una librería muy simple (no se pueden elaborar documentos PDFs muy complejos) pero con la ventaja de poder crear un PDF directamente desde el lado cliente con javascript, lo cual para ciertas ocasiones, es mas que suficiente.
Un ejemplo de creación de PDF (extraído de los ejemplos de la [...]

Más »

Traductor en 52 idiomas para tu web

Si estás meditando sobre la idea de incluir un traductor a tu web deberías sopesar la posibilidad de usar TranslateThis, un botón sencillo que nos permitirá traducir nuestra página hasta en 52 idiomas diferentes:
<div id=”translate-this”>
<a href=”http://translateth.is/”>Translate</a>
</div>
<script type=”text/javascript”
src=”http://www.google.com/jsapi”>
</script>
<script type=”text/javascript”
src=”http://x.translateth.is/translate-this.js”>
</script>
<script type=”text/javascript”>
TranslateThis();
</script>

Usa [...]

Más »

Generar HTML desde Javascript

He trabajado mucho con Javascript y sin duda alguna una de las cosas más laboriosas y repetitivas es la creación de elementos DOM. Pues bien, el otro día encontré una bonita forma de generar HTML desde Javascript. Una pena no haberla conocido antes.
Se trata de Jaml, una implementación que nos permite generar fácilmente estos elementos [...]

Más »

6 Caruseles y efectos de transición en Javascript

El otro día navegando por la Red descubrí una serie de galerías y caruseles bastantes curioso, aquí os dejo una recopilación de la Web Cats Who Code. En su web ponen 10 pero los últimos no me gustan mucho como funcionan.
SpaceGallery
Transición muy buena y ligera en JQuery. Es la típica que se puede ver en [...]

Más »

Controla el teclado con Javascript

En OpenJS publican un interesante script para facilitarnos una forma de controlar el teclado desde Javascript. Debido a la facilidad con la que ha sido desarrollado permite realizar combinaciones de teclas de una forma fácil y sobretodo fácil de comprender al mirar el código.
shortcut.add(“Ctrl+Shift+X”,function() {
alert(“Hi there!”);
});
Instalación
Al igual que cualquier script de Javascript la instalación [...]

Más »

CoverFlow en Javascript Open Source

Directamente desde la página de Andrés Nieto:
Si estás buscando un script para hacer CoverFlow a tus imágenes en Javascript, sin duda este script Open Source te permitirá conseguirlo fácilmente. Aunque únicamente estará disponible para los nuevos navegadores (Google Chrome 2.0 +, FireFox 3.5 + y Safari 4.0) ya que usa canvas para conseguir el efecto. [...]

Más »

Browser Shoote

Browser Shooter es un juego desarrollado con Javascript que nos recuerda al famoso Puzzle Bobble adaptado a la guerra de navegadores web.

Mediante el uso de jQuery 1.3.2, y una buena cantidad de ficheros JS se controla la física de los rebotes, los movimientos del cañón y todos los efectos de juego.
Jugar en una página completa.
Fuente

Más »

Efectos con Transiciones en Javascript

Llevo un tiempo (y parece que aún me queda bastante) trabajando con Javascript, y en lo vengo haciendo necesito crear muchas animaciones.

Si queréis saber como realizar este tipo de transiciones en Javascript os dejo en enlace al artículo donde te explican paso a paso como realizar diferente tipo de movimientos sobre tus elementos HTML.

Transaciones en [...]

Más »

Zoom en imagenes con Javascript

Este es uno de de los mejores efectos que he visto a la hora de ampliar una imagen mediante javascript. No es sólo por el resultado que obtenemos, si no que la implementación es realmente simple, como a nosotros nos justa, mínimo esfuerzo, máximo rendimiento.
El script se llama FancyZoom y los pasos a realizar [...]

Más »