Google presenta una herramienta para crear sitios en HTML5 sin saber de programación
De nuevo buscando darle un empujón aún más efectivo al HTML5, Google presentó hoy una interesante herramienta llamada Google Web Designer, que podrá ser usada tanto por diseñadores web profesionales así como también por personas que no tengan entendimiento de código. Disponible en su versión beta, resuelve algunos de los problemas más importantes de la web, el de la compatibilidad entre dispositivos. Pero, más que nada, Google Web Designer es un programa completo para poder diseñar, un programa que está al día en cuanto a las tendencias del mercado, y que puede ser muy sencillo de usar.
¿Qué es exactamente Google Web Designer? Se trata de un programa de descarga gratuita que permite trabajar en HTML5 para crear diseños y gráficos interactivos que pueden ser usados en cualquier dispositivo. Esto quiere decir que quizás por el momento no tengamos la posibilidad de crear una web completa (con lo cual no terminaría de ser una alternativa al más popular Adobe Dreamweaver) pero sí es una interesante opción a la hora de generar Ads interactivos para Google, entre otras cosas. Habrá que bajar el Google Web Designer para probarlo.
El primer punto fuerte que nos presentan los desarrolladores de Google Web Designer es la compatibilidad. De hecho, las piezas que desarrollemos con el programa podrán verse bien, sin importar el tamaño de la pantalla o el dispositivo. La idea es que podamos desarrollar piezas que sean universales, y que las personas puedan ver el trabajo sin importar el equipo que usen para acceder a una determinada dirección. En definitiva, lo que promete Google Web Designer es eliminar los problemas de compatibilidad de una vez por todas.
Además, Google Web Designer cuenta con una funcionalidad similar a la que podemos encontrar en Dreamweaver. Por un lado, podemos trabajar pura y exclusivamente en el diseño, mientras que por el otro, también tendremos la libertad, sin limitaciones, de trabajar directamente con el código para hacer las modificaciones necesarias. Es importante aclarar que aún desde Google Web Designer se puede trabajar con el código, y no es necesario usar un software adicional. En cuanto al editor visual, lo que busca Google es remover la necesidad de trabajar con HTML5 y CSS3, para poder hacer que las personas estén más concentradas en la generación de una experiencia visual.
Google Web Designer está equipado con una buena cantidad de funcionalidades. Así, los usuarios encontrarán dos modos diferentes de animación, uno rápido y otro más avanzado, y también contrará con soporte para varias funcionalidades 3D. El usuario podrá manipular el contenido 3D gracias al poder de CSS3, y más. De la misma forma en que sucede con Dreamweaver, también tenemos diferentes paneles de visualización para, por ejemplo, ver solamente el código si es que así lo deseamos, ver solamente el diseño, o una combinación de ambos para ver dónde se tienen que realizar los ajustes.
Por ahora, Google Web Designer quizás no llegue al público masivo, pero en primer lugar, es una forma de hacer que aquellos que están interesados en hacer una inversión de dinero dentro de Google lo hagan a través de una herramienta autorizada y que está al tanto de los avances de la tecnología. Sabiendo el fanatismo por Adobe Flash que tienen muchos diseñadores, sobre todo en anuncios, Google está claramente marcando una posición que ya conocemos. Aquellos interesados en descargar gratuitamente Google Web Editor pueden hacerlo en la web oficial de la herramienta.
Conocé los Huevos de Pascua escondidos en YouTube
No podemos empezar a hablar de los mágicos “Huevos de Pascua” sin saber a que se refiere en la informática esta denominación.
N. de R: Pueden saltarse los dos siguientes párrafos los que distinguen un Huevo de Pascua virtual de un Kinder Sorpresa.
Huevo de Pascua (o easter egg en ingles) son funcionalidades escondidas, en este caso, en programas de computadoras o videojuegos de manera intencional como un guiño de los programadores al usuario, que mediante una combinación de acciones, se activa.
Años atrás los huevos de pascua en la computación estaban relegados casi exclusivamente a videojuegos y programas (como puede ser Excel, Word, o el propio Sistema Operativo Windows) pero con las nuevas tecnologías hoy en día los podemos encontrarlos dentro de una página web.
En esta ocasión vamos a ir descubriendo varios huevos en el archirreconocido sitio de video por excelencia: Youtube
Acá vamos con los seis huevos de pascua, que ordené a gusto, dejando a mi parecer, el mejor para el final.
1. Teletransportación
En la barra de búsqueda de Youtube escribimos Beam me up, Scotty en referencia a la frase de Capitan Kirk en la película Star Trek y veremos como Youtube nos teletransoporta a los videos relacionados
2. Barra de búsqueda de colores
Si escribimos alguna de estas palabras: fluttershy, rainbow dash, applejack, twilight sparkle, rarity, pinkie pie, trixie, lyra, octavia, dj pon3, dr. whooves, derpy, princess celestia, princess luna, scootaloo, sweetie belle, apple bloom, spyke, big macintosh, cheerielee, zecora y dinky doo, la barra de búsqueda cambia de color (dependiendo la palabra ingresada, va a mostrar un color diferente).
3. ¿Fibonacci?
Nunca fui una luz con las matemáticas al punto de tenerle fobia (si es que existe la fobia a las matemáticas), así que tampoco tenía idea de que era “Fibonacci“, al parecer es un fenómeno que no podría explicar pero que sí lo hace muy bien Wikipedia.
Gráficamente, lo que se logra al ingresar la palabra fibonacci en la barra de búsqueda, es mostrar las miniaturas de los videos en relación a la “secuencia Fibonacci”.
4. L37R45 4 NUM3R05
Al parecer, y me acabo de enterar, que escribir letras con números tiene un nombre y se llama escritura Leet . Este huevo de pascua se activa de una manera distinta: mientras reproducimos un video pulsamos las teclas 1337 y vemos como los comentarios se transforman en este “idioma” compuesto de letras y números.
5. Que la fuerza te acompañe
Esta vez en e honor a Star Wars, la película geek por excelencia, si escribimos en la barra use the force luke, vamos a ver un interesante movimiento alucinatorio en la pantalla ideal para sentir nauseas.
(Imagen no disponible: ver para creer)
6. Youtube en modo solo texto (como en el viejo DOS)
Este es para mí, de los seis, el mejor. En la barra de búsqueda de Youtube escribimos
“/ geek week” (sin las comillas) y la portada del sitio aparecerá de la siguiente manera.
Y hasta acá llegamos. Este post fue algo extenso pero no podíamos dejar ninguno afuera. Para finalizar, si quedaron con ganas de mas, en el twitter de @101websBlog voy a estar twitteandodurante estos días trucos para descubrir más huevos de pascua en los programas que usamos cotidianamente.
El sistema operativo UNIX de la mano de sus creadores
Una de las figuras más importantes del mundo de la tecnología fue, sin duda, Dennis Ritchie, uno de los creadores del lenguaje de programación C y el sistema operativo Unix. El trabajo que realizó Ritchie junto a Ken Thompson en los Laboratorios Bell durante los últimos años de la década de los 60 y los primeros años de los 70 es la base que sustenta la tecnología que hoy en día tenemos a nuestra disposición y sistemas operativos como Linux, Android, FreeBSD, Solaris o, incluso, OS X no serían posible sin Unix.
Para todos los apasionados de la historia de la tecnología, el canal de YouTube de AT&T es uno de los mejores que podemos encontrar, un repositorio en el que podemos visualizar vídeos históricos que nos dibujan la historia de las telecomunicaciones, los grandes computadores o, incluso, el funcionamiento de las primeras redes de comunicación. La primera instalación de Unix se realizó en el año 1972 y dado que los Laboratorios Bell, por aquel entonces pertenecían a AT&T, con motivo del décimo aniversario de la primera instalación de Unix en un computador, la compañía editó un par de documentales llamados “The UNIX System: Making Computers More Productive” y “The UNIX System: Making Computers Easier to Use” (este segundo era una versión reducida del primero) con la idea de mostrar el impacto de Unix y, como no, contar la historia de este sistema operativo de la mano de sus protagonistas.
Si te apasiona la historia de la tecnología, has tenido alguna toma de contacto con el lenguaje de programación C, te has puesto delante de un computador con Linux o FreeBSD o algún otro derivado de Unix y quieres ver a Ritchie, Thompson y a Brian Kernighan cómo cuentan de primera mano su trabajoen el desarrollo de este sistema operativo y el impacto de éste en el mundo de la computación, este documental es un documento histórico que no te puedes perder.
Aparece sitio web que funciona sólo con Google Chrome
exquisiteforest.com se viene bajando directamente desde la máquina del tiempo. De aquella época en que ingresar a sitios web en un navegador diferente a Internet Explorer provocaba dolores de cabeza, a causa de la incompatibilidad de algunos elementos con navegadores distintos al de Microsoft. En ese tiempo, era común ver logotipos y advertencias que decían: “Se ve mejor en IE6″.
Porque este portal, cuyo contenido no tiene relevancia alguna, hace noticia por estar restringido para su uso mediante el navegador web Google Chrome, mostrando una advertencia si es que se ingresa por un software que no sea el de la gran G. Y es que fue diseñado para ser así, y de hecho, el trabajo fue hecho en conjunto a Google, con algunos elementos que simplemente no funcionan fuera de su entorno, lo cual a diferencia del pasado, ahora es a propósito.
Si bien se trata de un único portal, la situación encendió algunas alarmas entre quienes hablan de la posibilidad de que en un futuro cercano, y para promover el uso de ciertos navegadores por sobre otros, las compañías se asocien con sitios web importantes para implementar esta clase de prácticas y obligar al usuario a utilizar productos que no desea, ya que es fácil para un desarrollador implementar restricciones de esta clase, y habiendo dinero de por medio, éstas podrían ocurrir.
Link: Google steals a page from the IE6 playbook (Neowin)
Mitos y verdades sobre HTML5
Antes de continuar con toda esta parafernalia de HTML5 y CSS3 es bueno desmentir o aclarar ciertas cosas que como desarrolladores debemos tener claras y que la información no muy clara en distintos medios (foros, blogs, screencast, etc…) puede prestar para confusiones y malos entendidos. Y esto puede generar un obstáculo en el equipo de desarrollo del proyecto en que se esté trabajando. A veces es bueno un poco de lectura pues no todo es código y código, siempre diré que una lectura o un buen libro mantienen el cerebro ejercitado y listo para aprender nuevas cosas.
La idea errónea de CSS3
CSS existe alrededor de HTML desde 1996 – es una tecnología relativamente vieja, claro está que esto muchos lo saben!!. La última versión, CSS3, se ha estado desarrollando desde 2005 y todavía está muy lejos de cumplir la recomendación total indicada por la W3C. Se ha dividido en módulos individuales que están siendo implementados por los navegadores, y de todos modos se continúa trabajando. Debido a esto, es difícil predecir cuándo CSS3 será terminado al 100 por ciento, aunque, como HTML5, partes de él ya se pueden usar en la mayoría de los navegadores.
La cosa importante a observar con CSS es que está separado de HTML en el desarrollo y uso. CSS3 no es parte de la especificación HTML5 (que nunca fue y nunca lo será, eso espero!). Se trata de dos tecnologías completamente diferentes – uno para la estructura y el diseño, y el otro para la presentación, debido a su proximidad en el uso, han sido agrupados por alguna razón. El resultado final? No se puede referir a CSS3 como HTML5.
Entonces CSS3 es parte de HTML5?
No – CSS3 es una tecnología de diseño, no tiene nada que ver con el contenido o la estructura de HTML5. Aquí puede encontrar un complemento sobre CSS3 y sus especificaciones.
Web Fonts
Uno de los inconvenientes masivos con el diseño web el increíblemente difícil uso de fuentes personalizadas. Hasta hace poco la única forma de hacerlo era mediante la construcción de imágenes estáticas que representan las palabras que desea utilizar, o mediante el uso de sistemas complicados como sIFR o Cufon. Web Fonts resuelve este problema mediante la introducción de font-face una de tantas reglas de CSS, que permite el uso de fuentes personalizadas con sólo un par de líneas de código. Mucho más fácil, verdad!, lo único delicado del asunto es tener en cuenta que tipo de fuente está utilizando y si respeta los derechos de propiedad intelectuales del caso.
Entonces Web Font es HTML5?
No – es parte de CSS3, además, técnicamente no se conoce como Web Fonts. La W3C lo declara como un módulo. Aquí puede encontrar más información sobre CSS3 y Web Font.
Geolocalización en HTML5
Imagínese que usted pudiera obtener automáticamente la información en la Web relacionada con su ubicación actual, donde quiera que esté (bueno en casi todos los lugares). La API de geolocalización está haciendo precisamente esto, proporcionando una herramienta a través de algunos scripts de JavaScript “sencillos” para la ubicación aproximada de un usuario. El usuario tiene que permitir que la información sobre su ubicación pueda ser compartida, pero las consecuencias de hacerlo son profundas, como los anuncios publicitarios relacionados con los resultados de búsquedas útiles y contenidos del sitio web correspondiente. Esto tiene cosas positivas y un cierto sabor negativo.
Y la API de geolocalización es HTML5?
No – esta es una API de JavaScript que está diseñada para ser implementada por los navegadores que tengan soporte sobre ésta. Aquí puede encontrar más información sobre la API de geolocalización.
SVG ó Gráficos en Vectores
Scalable Vector Graphics (SVG) es un lenguaje que le permite crear gráficos vectoriales 2D utilizando XML. Es muy similar a canvas en su funcionalidad y propósito, pero difiere sustancialmente en otras áreas.
Pero SVG es HTML5?
No – es una tecnología totalmente independiente que describe el uso de gráficos XML. Aquí puede encontrar más información sobre SVG.
Web Storage
Los Cookies, aperitivo favorito de los desarrolladores, coincidentemente son el método de elección para el almacenamiento de pequeñas cantidades de información en el ordenador del usuario. Hasta ahora ha sido el único método viable de almacenamiento de datos en el ClientSide (del lado del cliente), pero tiene algunos defectos que potencialmente pueden causar muchos dolores de cabeza en lo que a seguridad se refiere. Web Storage, es un conjunto de APIs de JavaScript, ha sido creado para ofrecer una selección de gran alcance de las opciones de almacenamiento que resolver las desventajas inherentes de usar cookies. No suena tan cool, pero abren las puertas a cosas como ver tu correo electrónico basado en el navegador y almacenado un volumen de información relativamente interesante. Cool cierto!
Pero Web Storage es HTML5?
No – es una API de JavaScript, que está diseñada para ser implementada por los navegadores que tengan soporte sobre esta. Aquí puede encontrar más información acerca de Web Storage.
Web Workers
Los Web Workers son en realidad esclavos incansables escritos en JavaScript listos para hacer uso de ellos. Su único propósito es llevar a cabo cálculos pesados y otras tareas intensivas en el background de la aplicación, sin que la página web se vea afectada en su rendimiento y dañar la experiencia del usuario. No hay un gran número de casos de uso para los Web Workers, pero es bueno saber que están ahí en caso de que los necesite.
Los Web Workers son HTML5?
No – son una API de JavaScript, que está diseñada para ser implementada por los navegadores que tengan soporte para la misma. Aquí puede encontrar más información acerca de los Web Workers.
WebSockets
La comunicación normal en la Web se hace a través de HTTP, un método que sólo permite la comunicación en una dirección en un momento dado, y requiere de una página Web que se solicita cada vez que desea que actualice o cree datos. Para evitar esto los desarrolladores Web han estado utilizando toda una serie de opciones para eludir el requisito de tener que solicitar una nueva página cada vez que se necesite de una información sobre algún elemento de la página. Tecnologías como Ajax y Comet se inventaron para este fin.
Sin embargo, todavía no son verdaderamente métodos de comunicación bidireccional – la información sigue viajando sólo en una dirección en un momento dado.
Los WebSockets son diferentes, porque utilizan TCP que permite la verdadera comunicación bidireccional entre el cliente (su computadora) y un servidor. Esto significa que usted nunca tiene que hacer una petición de nuevos datos desde el servidor, ya que la información es, literalmente, transmitida a su computadora en tiempo real a medida que llega nueva información. Es un concepto complicado, pero muy poderoso, una vez que llegue a familiarizarse con él.
La API de WebSocket es HTML5?
No – es una API de JavaScript que está diseñada para ser implementada por los navegadores que la soportan.
Conclusión
A pesar de que todas estas tecnologías no son parte de HTML5, todas ellas resuelven un propósito específico y que debe ser aceptado y usado junto con HTML5 siempre que sea posible. Por ejemplo, mediante la combinación de WebSockets y canvas de HTML5 se pueden crear en tiempo real increíbles juegos para varios jugadores en línea (redundante pero cierto). Ahora sí, es una combinación fresca de dos tecnologías diferentes, que juntas dan un sabor al desarrollo inigualable.
Loading ...
