Vamos chic@s, cuéntenme cual imagen corresponde a cual navegador.
Un poco de humor para empezar la semana. :) ¡Feliz semana!
Web
Tridiv: Increíble editor CSS 3D
La nueva generación de tecnologías web introdujo muchas cosas maravillosas, pero una de las más increíbles son las transformaciones 3D de CSS3, ahora es posible crear cualquier objeto en el navegador con un diseño 3D, animarlo y darle vida como si se tratará de un objeto de la vida real, ya hemos visto muchos ejemplos de todo lo que se puede crear pero nunca les he mostrado algún editor para crearlos fácilmente.
Hoy se los muestro, se llama Tridiv y es increíblemente genial, en serio, es espectacular lo que se puede hacer con el editor web, básicamente es similar a cualquier editor CAD del mercado, añades una figura geométrica y empiezas a modificarla según tus necesidades, desde lo más básico como dimensiones, rotaciones, duplicar y eliminar la figura, también puedes añadirle colores o imágenes a las caras de la figura, pero todo esto utilizando solo HTML5 y CSS3, ¿Increíble, no?
Con este editor se te facilitará muchísimo la creación de animaciones u objetos complejos usando tecnología 3D de CSS3.
En la página web hay algunos ejemplos como un iPhone, una NES y un Xwing, que es el más espectacular de todos.
Acá un ejemplo que hizo el creador para mostrar la aplicación.
Recopilación de experimentos en Google Chrome sorprendentes
La Web se mueve extremadamente rápido, hace solo dos décadas empezamos a crear sitios web utilizando HTML sencillo, años después rápidamente próspero las hojas de estilo CSS, posteriormente nació JavaScript y ahora las páginas web pasaron de simple texto en blanco y negro a completas páginas interactivas, rápidas, fáciles de usar y especialmente bien diseñadas, atractivas a la vista.
En ese momento creímos que no había más innovación, no era posible tener sitios web más sofisticados que brinden al usuario experiencias completas como si fuera una aplicación de Escritorio, pero después de la explosión de la Web 2.0, todo fue renovado, fueron HTML5 y CSS3 con todas sus nuevas capacidades los que hicieron posible crear experiencias increíbles directamente en el navegador: Aplicaciones Web, Juegos, Diseños Interactivos y mucho más.
En la siguiente recopilación descubrirán las maravillosas posibilidades que brindan los lenguajes web haciendo que tu imaginación y creatividad son las que definen el límite de la creación.
3D Tunes
No sé mucho de música pero me atrevo a decir que es un piano, un piano en 3D en el cual puedes crear música, reproducir algunos sonidos pregrabado y dos canciones, se llevarán una sorpresa con una ;). Para crear música solo tienen que tocar las teclas con el mouse y ya esta.
WebGL Aquarium
A todos nos encantan los acuarios, la posibilidad que nos brinda de observar los increíbles animales del océano desde la seguridad de la tierra, este experimentos simula un Acuario completo, donde puedes seleccionar el número de peces y otras opciones para personalizar el mundo.
Berts Breakdown
Un sencillo juego de aventuras donde eres una masa azul con manos y ojos llamado Berts, debes recolectar todas las monedas y sobrevivir a los enemigos, un claro ejemplo de lo que significa la web para los videojuegos, ahora se pueden jugar los juegos de las consolas en nuestros navegadores sin ningun problema.
WebGL Bookcase
Libros, una de las principales formas de transmisión de información, gracias a los libros los seres humanos mejoramos nuestro conocimiento de los fenómenos del Universo, en la actualidad el Internet ha reducido su producción pero aún así pasarán muchísimos años antes de que se imprima el último libro de la humanidad. En este experimento tienes una estantería circular con los libros de Google Books, la librería se puede girar y navegar rápidamente con tu mouse.
ChromaPad
Todos sabemos que Photoshop es el software por excelencia cuando se trata de edición de imágenes pero es muy costoso todavía, para los que no tenemos como sostener una licencia existe GIMP, su alternativa libre que nos ofrece gran parte de sus funcionalidades, no importa cual utilices ahora puedes tener una funcionalidad similar en el navegador gracias a este experimento, por supuesto no es un Photoshop pero se le asemeja mucho.
Depth of Field
Depth of Field o Profundidad de campo en Español es un excelente experimento donde muchísimas bolas metálicas se mueve en la pantalla creando figuras geniales. Les recomiendo ponerlo como Salva pantallas, se ve increíble.
Keylight
Este experimento es un campo de sonidos y colores, debes crear puntos haciendo doble click en el campo, cada zona del campo reproduce sonidos diferentes, a medida que los creas se reproducirán automáticamente, muy divertido y creativo para crear sonidos únicos, para compartir el sonido solo copia y pega la URL y ya esta.
Mix.js
Si te gustaría ser DJ o ya lo eres este experimento te permitirá jugar con una consola con muchísimas opciones para jugar con la canción que cargue la aplicación, brindando infinitas posibilidades.
Pitts Special Demo
Mi experimento favorito, manejas un pequeño avión a través de las montañas, el manejo es especialmente sencillo pero no deja de ser totalmente divertido jugar con el avión, hacer maniobras peligrosas u obtener la advertencia Overspeed.
World of Solitaire
Todos, absolutamente todos alguna vez en nuestra vida hemos visto o jugado el popular juego de Windows Solitario, un creativo de la web decidió llevarlo a un aplicación web y este es el resultado.
Water Type
A todos nos gusta el efecto de texto en el cual las letras parecen olas que salen o flotan en el agua, este experimento se trata de eso, puedes escribir lo que quieras y estás emergerán del agua creando olas, para obtener un mejor resultado prueben a escribir y borrar rápidamente ;).
WebGL Cars
Posiblemente la gran mayoría de nosotros jugamos alguna versión de la saga Need for Speed y quedamos encantados con las gráficas de los hermosos autos, de cualquier forma, este experimento trae dos autos deportivos de lujo, solo puedes manejar el Lamborghini Gallardo, aunque el autor dice que se pueden utilizar los dos, aún así se ven increíbles.
World Flights
En este preciso momento hay miles de aviones alrededor del mundo transportando cientos de personas alrededor del mundo, en este experimento se puede tener una visualización fascinante y llena de luz de todos los vuelos del mundo los cuales se pueden filtrar por aerolínea.
Zygote Body
Un experimento educacional especialmente para aquellas estudiantes apasionados por la Medicina o simplemente personas curiosas acerca de nuestro cuerpo humano, en este experimento es posible explorar por completo nuestro cuerpo, elegir su sexo y cada uno de los diferentes sistemas de los que estamos compuestos, al hacer click sobre alguna parte obtenemos detalles sobre lo que se trata.
Espero que los experimentos lo haya impresionado así como lo hicieron conmigo, también creo que te di una idea de las fascinantes posibilidades que nos ofrecen los lenguajes web en estos días.
La vida diaria de un diseñador web [Humor]
Si eres Diseñador Web oficial (?) o simplemente eres un explorador como yo y te has medito al Photoshop a ver que sale te has encontrado con la situación anterior, quieres o necesitas una medida exacta y no eres capaz con el mouse por ninguna razón, le das vuelta, utilizas técnicas de evasión pero nada.
Pero si no olvidaste que se puede utilizar la barra para insertar el valor exacto, haces uso de el y listo el caso.
Vía : 9gag
Documentación de HTML, CSS y jQuery en un solo lugar
Cuando estamos programando algún proyecto siempre necesitamos a la mano la documentación del lenguaje de programación, librería o utilidad que estemos empleando para su implementación, porque no sabemos como hacer algo o saber si lo que necesitamos hacer es posible hacerlo con dicho lenguaje o librería.
Cada una de estas herramientas tiene sus sitios oficiales y su documentación oficial para ser consultada, pero como buen geeks que somos es mejor tener toda esta información reunida en un solo lugar para que sea mucho más rápido la consulta y no perder tanto tiempo buscando entre varias página la forma de hacer algo.
El desarrollador web Thibaut Courouble se dio cuenta de esto y decidió crear DevDocs, un sitio que recopila la documentación de los tres principales lenguajes de programación web, HTML, CSS y jQuery cuenta con una sección para cada lenguaje donde se encuentran organizadas por orden alfabético las etiquetas, atributos y utilidades de cada uno de los lenguajes, cada una con ejemplos, documentación clara y precisa sobre su correcto uso y la forma correcta de utilizarlas.
Descubre las tecnologías y herramientas que utilizan las startups reconocidas del mundo
Si estás pensando en crear una startup y estás en la búsqueda de desarrolladores que te ayuden a convertir la idea de negocio del papel a el producto funcional o eres un desarrollador inquieto que está buscando nuevas tecnologías para aprender o utilizar en tu aplicación actual, la página Cloudstacks te será perfecta para descubrir nuevas herramientas para implementar en tu producto o servicio.
Cloudstacks se trata de una página web que recopila información sobre las diferentes tecnologías y herramientas que utilizan las startups y compañías más populares del mundo, en su listado se encuentra Pinterest, tumblr, Twitter, Github, Soundcloud, ebay, Linkedin, foursquare, Codeacademy, Dropbox entre otras, de esta forma puedes conocer como funcionan las entrañas de estos populares sitios web y sus respectivas aplicaciones, información que nunca está de más conocer para saber que utilizar en tu próxima aplicación web.
Unheap: Repositorio de plugins jQuery
jQuery es una librería de JavaScript que facilita muchísimo el desarrollo de aplicaciones web interactivas, jQuery no es un framework como algunos desarrolladores suelen llamarle, jQuery hace muchísimo más fácil la manipulación del DOM (Document Object Model), controlar los eventos del navegador, animar elementos HTML, hacer Ajax, entre otros.
jQuery es la librería de JavaScript más utilizada en el mundo, los millones de desarrolladores web del mundo han creado miles de plugins o librerías más pequeñas basadas en jQuery para hacer casi cualquier cosa, creación de menús automáticamente; organizar texto; animaciones CSS; cargar imágenes dinámicamente; convertir imágenes en Sprites; manipular el favicon y otros miles de ejemplos.
Con tantas librerías es difícil a veces encontrar justo la que necesitas, pero para ello existe Unheap, una página a modo de repositorio, pequeño según ellos, en el cual hay más de 600 librerías de jQuery categorizadas por Interfaz, Entradas, Media, Navegación y otros, cada librería tiene un enlace al sitio web de la misma, un demo de la librería y en algunos casos vídeos para mostrar su funcionamiento.
Así que ya no hay excusas para no encontrar una librería a tus gustos y necesidades para tu proyecto web, aunque algunos desarrolladores no les gusta utilizar librerías porque les parece una forma perezosa de desarrollar, la verdad es que no hay razón para reinventar la rueda. ¡Ya existe!
Mira como un robot dibuja tu rostro en vivo
Aunque el título suenen un poco a ciencia ficción porque yo pensé lo mismo inicialmente, déjame decirte que de verdad es totalmente en vivo y en tiempo real como el robot dibuja la fotografía que subiste.
Se trata de Robodibujantes o Sketchbots, robots ubicados en el Museo de Ciencias de Londres controlados desde el sitio web gracias a los laboratorios de Web Lab, un compenio de cinco instalaciones de experimentos de Google Chrome en las que se aplican las funciones de Internet para mostrar a todo el mundo las posibilidades que brinda la Web.
Para probar el servicio solo tienes que entrar a Robodibujantes, tomarte una fotografía directamente en el navegador gracias a HTML5 y enviarla a la aplicación, ésta empezará a procesarla por varios filtros y algoritmos para dejarla en un formato válido que recibe algún robot en Londres, el cual empezará a crear un retrato en la arena u otro material similar, al terminar de hacerlo se te envía un email donde puedes ver el proceso del retrato robótico.
ADRIFT: Juego puzzle gratuito para iOS y Web
ADRIFT es un juego nuevo creado por Tack Mobile, una agencia especializada en crear experiencias interactivas para móviles y la Web.
ADRIFT es un juego del tipo Puzzle tridimensional donde tienes que conectar los estrellas de cada color para pasar al siguiente nivel en un cubo con obstáculos y una malla cuadricular que a cada nivel aumenta el número de filas y columnas utilizando las bondades de HTML5 y Canvas.
En el sitio web oficial del juego se pueden jugar 10 niveles relativamente sencillos, también puedes descargar los Wallpapers y Ringtones del juego pero la parte más importante del juego está en su aplicación disponible para iOS completamente gratuita, la cual tiene docenas de niveles diferentes.
Aplicación en la App Store: ADRIFT