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.
Aquí nos explican como lo han hecho:
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.
Aquí nos explican como lo han hecho:
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.
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.
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.
En el siguiente enlace podemos encontrar una comparativa de varios frameworks de JavaScript:
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>
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:
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.
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.
Hoja de referencia para JavaScript, de una hoja, que incluye:
Te lo puedes descargar en PDF o PNG desde el siguiente enlace: