Archivo de la etiqueta: html5

Diseño Web, Miscelánea

¿y si buscamos «let it snow» en Google?

defrostAyer Google volvió a sorprendernos con un efecto invernal al realizar una búsqueda, «let it snow», como la canción que recuerdo en boca de Sinatra, y seguro que dejándose llevar por la época navideña, podéis verlo en el enlace:

Podemos ver como empezamos a ver caer copos de nieve mientras la pantalla se empaña hasta que quede todo blanco, entonces el botón de búsqueda cambiará por un «defrost», que limpiará la pantalla, pero la nieve no dejará de caer, entonces ya podremos hacer clic en nuestro vídeo de Sinatra:

Por otro lado, a diferencia del efecto producido con la búsqueda de «do a barrel roll«, esta vez no es puro HTML5, sino que es un script, por lo que aparentemente se puede ejecutar en todos los navegadores (aparentemente porque aún no le he probado).

CSS3, Diseño Web, HTML5

Excelente guía CSS3 + HTML en inglés

Esta misma mañana he encontrado en la red una web donde aparecen todos los atributos posibles de CSS3. El manejo es realmente sencillo, tiene un buscador en la columna de la izquierda que, conforme escribes, limita los resultados de dicha columna.

Cuando hacemos clic en cualquiera de los atributos veremos un resumen, la sintaxis, los valores, algunos ejemplos, especificaciones y sobretodo y más importante de esta web, muestra enlaces de ayuda adicional e indica la compatibilidad entre navegadores (cross browsing). Por ejemplo, el text-shadow que utilizan algunos titulares de esta web, no se mostraría en Internet Explorer u Ópera, mientras que en Safari, Chrome y Firefox se ve correctamente,

Además dicha web-guía incluye también un listado de HTML. Ahí dejo el enlace para que lo podáis añadir a vuestros marcadores/favoritos:

Diseño Web, HTML5

¿y si buscamos «do a barrel roll» en Google?

Un detalle curioso al que he llegado a través de twitter (cómo no). Si buscamos «do a barrel roll» (sin comillas) en Google sucederá algo inesperado. Haz clic en el enlace para verlo:

Traducido sería algo así como «hacer un tonel», refiriéndose a la maniobra acrobática aérea que consiste en dar un giro de 360º sobre su eje sin cambiar el sentido ni la dirección.

Desvelando el truco

Tras no mucho investigar y siendo breve, se trata de puro HTML5. Posiblemente ya conozcáis una buena lista de posibilidades de dicho lenguaje, que junto con CSS3 están cambiando la mentalidad del diseño web. Para comprobar la compatibilidad cross-browser he intentado ejecutarlo en todos los navegador y tal y como me temía, no funciona en Internet Explorer. En Chrome y Firefox va perfecto, sin embargo en Safari, aunque también da un giro, el efecto es diferente.

¿Cuál sería el cometido de Google? Posiblemente dar avances sobre HTML5 entre todos aquellos que no son desarrolladores, así como dejar en evidencia al torpe navegador de Microsoft.