Mostrando entradas con la etiqueta javascript. Mostrar todas las entradas
Mostrando entradas con la etiqueta javascript. Mostrar todas las entradas

Cómo activar y personalizar la nueva barra de Google

Hace unos días les contábamos como Google había decidido propagar su remodelada barra de servicios no sólo a la home sino a las páginas de resultados de su conocido buscador. Con los cambios aún sin aparecer en muchos de las cuentas, ya ha surgido un script para Greasemonkey que nos permite modificarla a nuestro antojo, añadiendo nuevos elementos de menú y personalizando las entradas existentes.

Google Bar+, que así se llama, se puede descargar de forma gratuita y esta disponible tanto para Greasemonkey (Mozilla Firefox) como para Tapermonkey (Google Chrome). ¿Y que pasa si aún no tenemos el nuevo look & feel activo? No pasa nada, porque este script nos sirve para activar la nueva interfaz de Google.

Entre otras cosas, y resumiendo, nos ofrece las siguientes características:

  • Activación de la nueva barra Google
  • Posibilidad de reducir el tamaño de la barra
  • Posibilidad de bloquear los anuncios Google
  • Editar los elementos del menú
  • Notificación de actualización
  • Posibilidad de guardar varias configuraciones
Editar los menús es tan sencillo como hacer un clic derecho sobre ellos, mientras que para el resto de opciones deberemos recurrir al icono de compartir, donde las encontraremos añadidas al menú tradicional de Google.

Al tratarse de un script que puede descargarse de usercripts.org, está disponible su código fuente, así como acceder al foro donde hay bastante actividad y podemos hacer preguntas o sugerencias para futuras versiones.



Cómo hacer un documental con HTML5

Existe una serie de minidocumentales titulada Highrise que versa sobre la historia de los rascacielos y su efecto en la sociedad. Algo así como estudiar qué paso en torno a la Torre de Babel.



En concreto el documental titulado La torre un millón tiene la particularidad de haber sido realizado utilizando únicamente tecnología HTML5. Gráficos, audio y fotografías de todos los edificios que aparecen en el documental son fruto del uso de la tecnología de comunicación de Internet.

En concreto gracias a una herramienta de Javascript denominada Popcorn, diseñada para integrar APIs web en vídeo online, puedes ver el documental La torre un millón. Se uso para controlar el movimiento del encuadre de manera que fuese similar al comportamiento de una vídeocámara.

La directora Katerina Cizek consigue así que este minidocumental de 7 minutos pueda comtenplarse tanto de manera interactiva como de manera pasiva. Al hacerlo de manera interactiva se puede navegar y hacer click en un entorno tridimensional en el que poder explorar con total libertad y a tu propio ritmo el documental así como encontrar enlaces a recursos externos como Flickr o Wikipedia.

En este enlace puedes ver tanto el documental La torre un millón como el resto de minidocumentales de la serie.



gizmodo

JSK1: ¿qué tanto puedes hacer con un 1024 bytes?

¿Qué tanto puede hacer un programador con 1KB de código? Pues tal vez eso nos parece poco, pero la verdad eso parezca poco, sobre todo pensando que solamente la imagen que ilustra este post pesa 54 KB, pero hay un concurso que se encarga de averiguarlo de la manera más creativa posible.

El concurso se llama JSK1 y usando JavaScript le propone a los desarrolladores crear la implementación más creativa usando sólo 1KB. Esto es en realidad muy poco espacio, pero se pueden hacer las cosas más creativas cuando se tienen ciertas limitaciones. Algunos son demos, otros son entretenimientos, incluso sencillos juegos. Quizás para los jóvenes de hoy en día esta limitación es ridícula, pero si recordamos cómo eran los inicios de la programación, o las computadoras a finales de la década de 1980, las cuales tenían limitaciones parecidas, no suena tan descabellado.

Si antes se podían hacer juegos, procesadores de texto y demás bellezas con tantas limitaciones, los desarrolladores de hoy no se quedan atrás y tienen resultados igual de sorprendentes. Mis favoritos fueron Flexidroid, un pequeño simulador de física que está muy interesante, A Forest Scene, el paisaje animado que ilustra este post y -obviamente- xkcd 688, con una imagen característica de uno de los webcomics favoritos.

Quizás a muchos les parezca ridículo, pero en muchos casos esto es casi una obra de arte hecha código.


Todo lo que quisiste saber sobre HTML5

HTML5. Eso que está impregnando últimamente multitud de páginas de Internet, ya estén referidas a navegadores, a aplicaciones, a la Web móvil o incluso a los vídeos. Pongamos sobre la mesa de forma breve las claves de este lenguaje para entender qué es lo que puede ofrecer y cómo se puede aprovechar.
Paul Gubbay, uno de los vicepresidentes técnicos de Adobe Systems ha desentrañado todo lo relacionado sobre HTML5. En un artículo publicado en Mashable desarrolla los 5 puntos básicos de este nuevo lenguaje de programación, que a continuación repasamos de forma resumida.

Comencemos por su definición. HTML5 (Hyper Text Makup Languaje 5) es la evolución del
lenguaje HMLT, creada y regulada como estándar por el W3C. Comprende las “versiones 5” tanto de la sintaxis HTML como de la de XHMTL, que se han desarrollado de forma conjunta.

En general, se están definiendo como parte de
HTML5 un grupo variado de herramientas y tecnologías que han permitido que la web evolucione, como CSS3, SVG o Canvas que permiten crear páginas web y aplicaciones con animaciones, texto enriquecido, vídeo o imágenes sin necesidad de ningún plugin o programa, introducidas sencillamente con etiquetas. La más famosa y polémica hasta el momento ha sido la de la etiqueta "video", ya que gracias a esta novedad los reproductores web como Flash Player o Silverlight dejan de ser necesarios.





HTML5 llega a los navegadores

La difusión de
HTML5 se está dando gracias a los nuevos navegadores. Las próximas versiones en llegar como Firefox 4, Internet Explorer 9 o Google Chrome 7 están perfectamente adaptados. Sin embargo, el más común actualmente es el navegador WebKit que se impone en el terreno de los smartphones.

Sin embargo, los navegadores actuales también pueden aprovechar las ventajas de este nuevo lenguaje, haciéndose compatibles con un trabajo de
JavaScript y de CSS. Y al contrario, no hay problemas a la hora de crear entornos enriquecidos con HTML5 ya que la conversión a los navegadores no adaptados será fiable. Además, existen mecanismos para la importación de librerías de JavaScript.



Cómo enfrentarse a HTML5 para el desarrollo

Gubbay recomienda a los desarrolladores que lo primero que deben hacer es potenciar sus habilidades con herramientas que ya conocen, como por ejemplo, comenzar con CSS3. Hay un gran número de publicaciones en las que aprender diferentes técnicas. Pero, y esto es más importante, hay que comprender que HTML5 es aún una tecnología en ciernes, lo que invita a estar pendiente de la actualidad para enlazar con las herramientas y procedimientos que surgen continuamente.

Recomienda no frustrarse al principio, ya que surgen muchas dudas sobre cómo afrontar las opciones que plantea. ¿Cómo aprovechar las canvas? ¿Y la aceleración por hardware? ¿Qué incompatibilidades hay entre navegadores? Como solución propone buscar marcos de trabajo de JavaScript y herramientas que permiten, mediante la abstracción, construir bloques genéricos y consistentes.



Fuente: ReadWriteWeb