Juego realizado integramente en HTML5 y Javascript

16 enero 2012

Aquí tenemos un juego (Cut the Rope) hecho integramente en HTML5 y Javascript, se puede observar que no hay que envidiar a los juegos hechos en Flash.

http://www.cuttherope.ie/

Aquí nos explican como lo han hecho:

http://www.cuttherope.ie/dev


jQuery: Plugin para mostrar las fechas en formato amigable

5 septiembre 2011

Habréis visto que en muchas webs en vez de poner fechas de forma: “20/08/2011″ ponen algo como “Hace 3 semanas”, a esto se llama mostrar fechas en formato amigable, y nuestro amigo John Resig a creado un plugin, para jQuery, llamado Pretty Date que cumple su cometido a la perfección.


jQuery: Plugin para hacer zoom de imágenes

3 septiembre 2011

Con el plugin Zoomy de jQuery podremos hacer zoom de imágenes de nuestro HTML, y tan fácil como el siguiente código:

$('.zoom').zoomy();

El código anterior aplicará el plugin a todas las imágenes que tengan asociada una clase ‘zoom’, por ejemplo:

<img src='mi_imagen.png' class='zoom' />

Toda la información, ejemplo y código fuente en su página oficial:
Zoomy jQuery Plugin.


5 buenas librerías JavaScript que habría que tener siempre en cuenta

25 octubre 2009

En el siguiente artículo nos exponen cinco posibles problemas que podemos tener en la mayoría de proyectos web, y sus correspondientes librerías JavaScript para solucionarlos.

5 Lesser Know JavaScript Libraries that Make Web Design Easier.


Comparativa de frameworks de JavaScript

15 octubre 2009

En el siguiente enlace podemos encontrar una comparativa de varios frameworks de JavaScript:

JavaScript Framework Matrix.


Obtener la posición de una capa o elemento desde JavaScript

23 septiembre 2009

Para obtener la posición (coordenadas) de una capa o cualquier elemento HTML desde JavaScript debemos usar las propiedades offsetTop y offsetLeft para tener la posición vertical y horizontal respectivamente.

Aquí os pongo un pequeño ejemplo que lo ilustra:

<html>
<head></head>
<body>
<div id="myDiv"
style="float:right;
width:400px;
height:200px;
background-color:blue;"></div>
<div onclick="alert(myDiv.offsetTop);alert(myDiv.offsetLeft);">Posición</div>
</body>
</html>


Datejs – Librería Open-Source de fechas para JavaScript

2 marzo 2009

Con la librería Datejs podremos hacer muchas operaciones y validaciones con fechas de una manera fácil y eficaz desde JavaScript.

Esta librería es Open-Source.

Puedes acceder a más información y a su descarga en su web oficial:

Datejs.


JavaScript – Borrar elementos en un array

11 febrero 2009

Si queremos borrar un elemento de un array en JavaScript, habremos observado que con igualar el elemento a undefined o null, el elemento no desaparece del array.
La manera óptima para hacerlo es usar el operador delete de JavaScript (disponible a partir de JavaScript 1.2), tal y como muestro en el siguiente ejemplo:

colores = new Array("rojo", "amarillo", "verde", "negro", "blanco");
delete colores[2];

Con esto el elemento “verde”, es el que tenía índice número 2, desaparece del array realmente, consumiendo así el array menos memoria.

Rectificación: El método anterior me funcionó en una implementación en concreto de Javascript y en un navegador que no recuerdo ahora mismo, pero como bien postean en algunos comentarios, parece que no siempre funciona correctamente, ya que delete no borra el elemento, sino que inicializa su valor a undefined.

La manera más correcta de eliminar un elemento de un array en JavaScript es usar el método splice. Aquí más información: http://www.w3schools.com/jsref/jsref_splice.asp.


JavaScript – Averiguar si un elemento está en un array o en un objeto

10 febrero 2009

La manera más eficiente de saber si un elemento está en un array o en objeto en JavaScript es la que muestro en el siguiente ejemplo:

En un array:

colores = new Array("rojo", "amarillo", "verde", "negro", "blanco");
if (3 in colores) {
   // codigo
}

En un objeto:

micapa = document.getElementById("capa1");
if ("innerHTML" in micapa){
   //codigo
}

En el primero ejemplo se comprueba que exista un elemento con índice 3 en el array colores. Y en el segundo ejemplo, que el objeto capa1 contenga la propiedad innerHTML.

El único requisito para usar el operador in es que el navegador soporte JavaScript 1.2.


Chuleta para JavaScript

25 enero 2009

Hoja de referencia para JavaScript, de una hoja, que incluye:

  • Funciones y métodos.
  • XMLHttpRequest.
  • JavaScript en HTML.
  • Expresiones regulares.
  • Manejadores de eventos.

Te lo puedes descargar en PDF o PNG desde el siguiente enlace:

JavaScript Cheat Sheet.

JavaScript Cheat Sheet

JavaScript Cheat Sheet


Seguir

Get every new post delivered to your Inbox.