Contenido

Gestiona la orientación con la nueva API de Firefox 3.6

13 oct

+ 7

En Firefox 3.6 se están añadiendo cosas interesantes, una más y otras menos. Esta es, para mi intender, un poco chorra, pero si curiosa que nos permite gestionar la orientación del dispositivo.

Descargar(mp4/ogv)

En el video, vemos como gracias a la gestión de un nuevo evento llamado MozOrientation, que desciende de window podemos modificar el contenido de nuestra aplicación web.

window.addEventListener("MozOrientation", function(e) {
 /* 3 values: e.x, e.y, e.z */
 }, true);

Todo relacionado con las demás opciones de las que podremos disponer relacionadas al movimiento del dispositivo.

Hay que recordar que no son propiedades estándares, pero pretenden mostrar el potencial para detectar si dicha funcionalidad puede llegar a ser útil para añadirlo al estándar.

¿Que utilidades le ves a esta propiedad?

Actualización:

En Ajaxian muestran además un curioso ejemplo basado en el famoso Super Mario Kart con el que podemos jugar usando el acelerómetro de nuestro dispositivo y SVG.

jQuery.animate, todo lo que siempre quisiste saber

13 oct

+ 0

Si te gusta jQuery, y estás aprendiendo a usar animaciones con él, este artículo te mostrará todo lo que necesitas saber para usar el método animate(), esencial para conseguir que nuestras animaciones se realizen perfectamente.

Emprise Javascript Chart, gráficas profesionales en Javascript

13 oct

+ 2

Emprise Javascript Chart, es una librería Javascript que permite generar gráficas profesionales de forma sencilla y rápida.

emprise-javascript-chart
(Ver Imagen)

Entre las funcionalidades que nos encontramos cabe destacar:

  1. La gran cantidad de tipos de gráficos disponibles
  2. La compatibilidad con la mayoría de navegadores actuales.
  3. Fácilmente ampliable mediante plugins Javascript
  4. Personalizable

Aunque se trata de una librería comercial, la versión free ofrece una gran cantidad de opciones que podríamos usar en nuestras aplicaciones.

Ver más ejemplos o descargar la versión free.

Encontrando la gracia de Google Wave

13 oct

+ 3

Despues de leer algunos comentarios “constructivos” sobre mi primera impresión sobre Google Wave, decidí buscarle la chicha al nuevo servicio de Google.

Busqué en su uso para gestionar proyectos, pero como dicen tambien en los comentarios, no creo que una gran empresa cambie su herramienta (que le ha costado X) por una herramienta que centraliza el contenido en servidores ajenos.

Pensé en usarse para editar documentos en tiempo real entre varios usuarios… pero recordé Google Docs, y seguí pensando que no había nada interesante en esta aplicación.

Así que al final llegué a lo que realmente es interesante en Google Wave, y es, todo lo que se puede llegar a hacer sin usar Google Wave.

Osea, que la gracia de Google Wave no está en Google Wave, sinó en sus entrañas.

Google Wave

Si partimos de que Google Wave es una aplicación web que pretende cambiar el concepto que tenemos del email, nos encontramos una herramienta que como mínimo, consigue su objetivo pero a costa de que el contenido se quede en los servidores de Google (absorviendo más información sobre nosotros).

Es cierto que la idea es interesante e innovadora, que probablemente se convierta en la herramienta de email del futuro, pero no creo que sea únicamente por su fantástico interface, sinó por la capacidad de integración que Google Wave Protocol promete ofrecer.

Google Wave Federation Protocol

federation_diagram
(Ver Imagen)

Aquí es donde está la gracia de Google Wave, es la creación de un protocolo federado que nos permitirá establecer comunicación en tiempo real entre cliente y servidor.

Basado en XMPP, este protocolo de mensajería funciona almacenando ciertos cambios en ámbito local que serán enviados al servidor donde convergen los diferentes usuarios para procesar los cambios y retornar un listado ordenado cronológicamente de los cambios propagando el resultado a todos los usuarios.

Más información al respecto

  1. Google Wave Protocol
  2. Proyecto Google Wave Protocol (Google Code)
  3. Robots en Java y Python
  4. Especificación (borrador) del Protocolo de Google Wave
  5. Instalación del servidor Google Wave Protocol
  6. Más recursos

CssDispatcher, maneja tus CSS como un profesional

11 oct

+ 5

Isra, nos muestra una librería en PHP que ha desarrollado para ayudarnos a trabajar con CSS de una forma muy cómoda y profesional.

$styles = new CssDispatcher; 

$styles->add(new Css('ie-hacks.css.php'));
$styles->add(new Css('general.css.php')); 

$styles->render();

CssDispatcher, se encarga de procesar los ficheros .css permitiendo así que podamos incluir código PHP en nuestras hojas de estilos, además de unir y comprimir todas las hojas de estilo que necesitemos en nuestro proyecto.

$styles = new CssDispatcher; 

// Este CSS solo se enviará cuando sea Internet Explorer 6
$styles->add(new Css('ie-hacks.css.php', Css::UA_IE6));
$styles->add(new Css('general.css.php')); 

$styles->render();

Además, nos permite condicionar nuestro CSS dependiendo del navegador que nos visita. De esta forma, podemos cargar un fichero, o no, dependiendo si el navegador que nos visita es el especificado previamente.

Y tenemos Google Wave…vale, ¿y que?

9 oct

+ 51

Hace unos días que recibí la invitación para usar Google Wave, y desde entonces he estado intentado encontrarle una utilidad a el sistema propuesto por Google.

google_wave_portada
(Ver Imagen)

¿Que dice Google que és?

Google nos explica en una infinidad de videos que Google Wave nace para reemplazar al, ya entradito en años, email. Que aunque parezca mentira tiene ya más de 30 años.

Para entenderlo, imaginemos un mail que enviamos a nuestro amigo X en el que indicamos un tema, le añadimos imágenes, videos,… una vez enviado, recordamos que Y también te pidió información al respecto, así que cambias la dirección de destino y vuelves a enviar el correo.

Sin darnos cuenta, estamos duplicando la cantidad de información que está navegando por Internet. Y Google pretende innovar en este sentido.

La idea es alojar ese contenido en un Wave y en lugar de duplicarlo, simplemente haremos que más gente lo pueda ver, añadiendo los que queramos puedan ver dicho contenido.

Ya que estamos, añadimos más opciones

Aprovechando dicho cambio, y ahí es donde está la espectacularidad de Google Wave, se añade una capa de javascript que se encarga de ofrecer un interface muy rico y cargado de funcionalidades.

Waves enriquecidos

Además de las opciones WYSIWYG que ya teníamos en gMail, nos encontramos con la capacidad de incrustar imágenes/videos entre el texto para generar “minipáginas web”.

google_wave_wave3
(Ver Imagen)

Anidamiento

Para olvidarnos de responder emails, Google Wave nos permite anidar comentarios dentro de un Wave, como vemos en la imagen.

google_wave_anidado
(Ver Imagen)

Modificar el contenido ya escrito en un Wave

Otra funcionalidad que podemos encontrarnos al editar un wave es la posibilidad de editar contenido (tuyo o de otro usuario) al más puro estilo Wiki.

Para siempre tener un control de los cambios realizados tenemos la opción Playback que nos permite visualizar la correlación de cambios realizados en ese Wave.

google_wave_playback
(Ver Imagen)

Escritura en tiempo real

También es muy curioso ver como los usuarios que están online y editando el Wave, van escribiendo en él.

google_wave_online_write
(Ver Imagen)

Gadgets

Los gadgets, nos sirven para insertar elementos dinámicos que aportan una funcionalidad extra dentro de nuestro Wave, hasta ahora solo he probado los de encuesta, sudoku y mapas, aunque hay mucha información para crear tus propios Gadgets.

google_wave_wave
(Ver Imagen)

Mi opinión

Aún es muy pronto y es una versión alpha, lo que indica que le faltan muchas opciones y que aún no podemos ver todas las funcionalidades que podremos llegar a usar en un futuro. Pero así y todo, no convence.

MarcosBL, en un Wave lo describía como:

‘El resultado de una orgía entre un Foro, el MSN y un Wiki’

Y creo que no se podría haber expresado mejor, ya que una vez entras en Google Wave, eso es lo que te encuentras… y ya está. La primera impresión es de decepción total, el que te hayan estado metiendo Google Wave por todos ojos todos los días y a todas horas, quizás ha hecho que las espectativas fueran más altas de lo que deberían ser.

Hay que alabar la labor de Google en la creación del interface, que es impresionante y muy completo, aunque lento como el solo.

Por el momento, está la cosa muy verde y aún queda mucho camino por recorrer, pero las primeras impresiones han sido, por lo menos en mi caso, decepcionantes.

Aclaración

Cuando accedí la primera vez, Google Wave me obsequió con 8 invitaciones las cuales volaron en el primer minuto en el que me pude sentar delante del PC. Lo siento, pero no me quedan ninguna más.

10 razones para pasarse a WCAG 2.0

9 oct

+ 1

Olga Carreras nos deléita con un artículo en el que nos muestra 10 razones para pasarnos a WCAG 2.0.

Twig, un flexible, potente y seguro motor de plantillas en PHP

9 oct

+ 4

Twig es un motor de plantillas pensado para ofrecer una opción seguro y potente, aportando un flexibilidad muy interesante a nuestras plantillas. [Documentación][Descargar]

CSScaffold, framework CSS en PHP

9 oct

+ 6

CSScaffold es un framework CSS con el que podemos extender las posibilidades de nuestros CSS desde PHP. Básicamente se trata de un script PHP que recoge los ficheros .CSS a tratar y mediante una nomenclatura (que veremos más adelante) nos genera unos ficheros CSS que cualquier navegador podrá interpretar.

scaffold-diagram
(Ver Imagen)

// Ejemplo de uso:
<link href="/scaffold/index.php?request=/css/master.css" />

Continua —>

NoIE6Day, nos acercamos

8 oct

+ 15

Bueno, os recordareis que el próximo lunes (dia 18) es el día tope, el NOIE6Day. El día en el que por fin dejamos de dar soporte a Internet Explorer 6 (donde puedas).

Símbolo de prohibición de Internet Explorer6
(Ver Imagen)

Yo llevo ya 225 días (desde el 25 de febrero) con los CSS desactivados para Internet Explorer 6 y la verdad es que las gráficas que os pongo a continuación muestran la tendencia.

Internet Explorer 6

Gráfica del descenso de uso de Internet Explorer 6 en aNieto2k.com

Descenso del uso de Internet Explorer 6
(Ver Imagen)

Internet Explorer 8

Gráfica del incremento de uso de Internet Explorer 8 en aNieto2k.com

Incremento del uso de Internet Explorer 8
(Ver Imagen)

Esto no quiere decir que la iniciativa sea la causante, ya que Internet Explorer 8 pasó a ser actualizado automáticamente, la salida de Chrome en más plataformas (con todo el apoyo que Google le está dando) o la aparición de Google Chrome Frame han influido directamente en el descenso mundial de Internet Explorer 6 (y demás versiones en general).

Así que si te quieres apuntar a la iniciativa, tienes hasta el Lunes!! :D