Polymaps is a display and interaction library for tile-based vector and raster maps using SVG and Javascript. Their intent is to provide a minimal, extensible, customizable, and free display library for discriminating designers and developers who want to use interactive maps in their own projects.Polymaps provides speedy display of multi-zoom datas …
Una de las nuevas caracterÃsticas que nos trae Firefox 2 es el soporte para Javascript 1.7. Entre las novedades que nos encontramos está:
Generadores: una forma de ejecutar procesos iterativos, usando yield para “congelar” el valor de una variable y usando next() para realizar la llamada al siguiente estado.
Iterators: en vez de usar for…in y for each…in, nos podemos crear un iterador, mediante Iterator(), para realizarlo de una forma más sencilla.
Comprensión de arrays: una forma sencilla de inicializar el valor de arrays.
Sentencia let: para modificar el alcance de variables para un bloque de código.
Devolver varios valores: la posibilidad de que una función devuelva varios valores.
La verdad es que Firefox4 está de lujo, y las demos que ofrece Mozilla son increíbles. De una de ellas he sacado cómo hacer clipping en vídeos usando HTML5 y la posibilidad de incrustar SVG (sólo funciona en Firefox4).
El método es sencillo, tengo un SVG que muestra el contorno y los botones de play y pausa, además tiene un clipPath que se usará para el estilo clip-path del vídeo:
SVG
Vídeo
Javascript
var play = document.getElementById('play');
var pause = document.getElementById('pause');
var video = document.getElementById('video');
play.addEventListener('click', function() {
play.style.display = 'none';
pause.style.display = 'block';
video.play();
}, true);
pause.addEventListener('click', function() {
play.style.display = 'block';
pause.style.display = 'none';
video.pause();
}, true);
video.addEventListener("ended", function() {
play.style.display = 'block';
pause.style.display = 'none';
video.pause();
}, true);
El vídeo es el mismo que el de la demo de Mozilla, he puesto el borde semi-transparente para que se vea el clipping como va.
A la hora de mostrar tablas, un modo de presentación muy recomendable es resaltar las filas alternas como por ejemplo hace la lista de actualizaciones de Bitacoras.com consiguiendo así una mayor facilidad a la hora de leer los datos. Para ello, se suelen usar un estilo para las filas pares.
Flapjax, es esencialmente una implementación en Javascript de FrTime y un compilador de este lenguaje que da como resultado un fichero con Javascript bastante ajustado. Flapjax es fácil de aprender ya que la sintaxis es similar al Javascript y además f
El imprescindible Steve Rubel explica en Micro Persuasion How to Get the Most Out of Technorati’s RSS Feeds, que adapto: Crear una alerta para monitorizar un tema en un blog (por ejemplo, cada vez que se hable de Google en eCuaderno)…
VÃa Life Hacker ayer descubrimos cómo convertir Google (el caimán 😉 ) en una especie de Napster personal y gratuito. Se trata únicamente de teclear la siguiente instrucción en el buscador…
Parece que bbPress ha salido ya como una aplicación hecha y derecha, ya iba siendo hora. Quizas la herramienta más conocida para la integración de foros de WordPress, además de desarrollada por los creadores del famoso gestor de blogs.
jQuery es un nuevo tipo de librerÃa de javascript. No es un extenso e inflado framework que prometa lo mejor en AJAX, ni un conjunto de innecesarias y complicadas mejoras: jQuery ha sido diseñado para cambiar tu forma de escribir javascript.
CSSFILL.com es una colección gratuita de plantillas CSS/XHTML divididas por categorÃas. Un buen recurso para aprender o utilizar directamente. Cada plantilla se descarga en un archivo .ZIP que contiene un fichero index.html, el fichero CSS, las imágene
El artÃculo lista las contraseñas más usadas y su porcentaje de uso. Es un estudio realizado en el Reino Unido, aunque creo que en el resto del mundo las cosas no cambian mucho. Representa el valor que le dan los usuarios a la seguridad informática. L
He actualizado la clase para incluir la posibilidad de hacer cache de las respuestas obtenidas de meneame, asi tanto el numero de peticiones como la carga del servidor que ejecute el script sera menor.
These icons are designed specifically for blogs and content management systems. This set of twenty icons includes standard blog icons like documents, books and speech bubbles
“Me gustarÃa instalar WordPress pero no conozco PHP“. Muchos bloguers tienen esa pega. En blogpocket queremos paliar un poco el problema y hemos dedicado muchos posts al lenguaje PHP. Continuamos nuestras pequeñas guÃas para aprender PHP. Hoy recor
El fundador de Microsoft, Bill Gates, ha anunciado que dentro de dos años, en julio de 2008, abandonará su implicación en la gestión diaria de la empresa para dedicarse a sus labores filantrópicas
Traducción al castellano de un texto clásico de Dave Shea… Sin duda alguna seguro que te has encontrado con un montón de problemas extraños cuando has tratado de crear un sitio Web usando CSS. Habrás terminado dándote cabezazos contra la pared una
Digg has grown to eight million users a month from 30,000 over the past year, according to Jay Adelson, the chief executive. Next week, Digg will introduce a redesign that will allow it to cover a broader range of topics, including world affairs and busin