¿ Que es Material Design de Google ?

En el Google I/O 2014  Google revelo su próxima generación de guías de diseño "Material" ó  "Material Design".  ¿ Pero que carajos es esto ?

En palabras sencillas son guías de diseño de interfaces que se hicieron populares gracias a Microsoft y Apple pero con un toque de Google. Google a publicado un sitio web donde puedes encontrar estas guías de diseño para aplicar en tus proyectos web.

Estas guías incluyen desde como debería de lucir un botón , su reacción al ser apretado , hasta como una caja de texto debería de lucir y mostrar mensajes de error. Es una completa guía que te enseña como debería de lucir una interfaz usando "Material Design", como las superficies y sombras establecen una estructura física para dejar claro que puede ser tocado y movido.

En todos los productos Google sera o ya esta implementado el concepto de "Material Design". Lo que Google quiere intentar con esto es unificar todas la experiencia de usuario A través de sus varios productos y servicios, al mismo tiempo mejorar la experiencia que un usuario tiene con la tecnología , de manera mas intuitiva , fácil y simple.

Algunas de las cosas que podrás encontrar en esta guía son :

1. apariencia de botones
2. Animación en botones, inputs y modales.
3. Galería de imágenes
4. Lista de contactos.
5. Formularios.
6. Patrones de diseño.
7. Gestos comúnmente usados.
8. ect..

En el siguiente link puedes leer la reaccion de algunos diseñadores sobre esta guia:
http://venturebeat.com/2014/06/27/top-designers-react-to-googles-new-material-design-language/

Lograr todas esas animaciones y estilos que propone Google puede llevar un gran trabajo, por lo cual existen algunos frameworks CSS aunque muy verdes todavía que intentan ofrecer este estilo de diseño para los desarrolladores web.

• Tenemos por ejemplo Polymer es un proyecto experimental de Google que puedes probar.
• También existe leaf en un version beta.

Para terminar un vídeo sobre "Material Design"

Link:

http://www.google.com/design/spec/material-design/introduction.html
http://designmodo.com/material-design/
http://googledevelopers.blogspot.com/2014/06/this-is-material-design.html

Mide que tan rapido carga tu sitio web

La rapidez con la que un usuario carga tu pagina es muy importante. Tu visitante puede  desesperarse y abandonar tu sitio en cuestión de segundos. Por esa razón siempre es bueno optimizar nuestros sitios web para que carguen con la mayor brevedad posible.

Para ayudarnos con esto Google nos ofrece una herramienta de medición llamada PageSpeed con la cual nos guiara por el proceso de optimizacion con los pasos a seguir.  PageSpeed es muy facil de usar solamente escribe la url de tu sitio web y das click en analizar.

De inmediato veras el resultado de tu web valorado para moviles y escritorio. Al mismo tiempo  te muestra recomendaciones de como hacer la optimizacion para tu sitio. Pero ojo no te esfuerces demasiado en conseguir el puntaje de 100, como dije son recomendaciones no es algo obligatorio que tienes que conseguir, pero siempre es bueno tener un buen puntaje.

link: https://developers.google.com/speed/pagespeed/insights/

Google abandona el motor webkit

En el mundo de desarrollo web webkit es el motor de render de los navegadores
mas usado siendo google chrome el que mejor uso hace de el . El solo hecho de tener
multiples motores de render es un dolor de cabeza para nosotros los desarrolldores
siempre tenemos que adaptar nuestro codigo para cada uno.

Alguna vez  pense que llegariamos a tener un solo motor de render unico , pero eso
ahora es historia ya que google ha anunciado que abandona el motor de render webkit por blink
las razones de esto segun google es ingenieria , habia mucho codigo anterior que habia
que darle mantenimiento y la otra es que ahora pueden implementar muchas cosas nuevas sin tener
muchos problemas.

Lo que sorprende mas es que Opera dara el salto a blink junto con google. Creo que veremos muchas
cosas buenas en el futuro con este motor. Por ahora google dice que con blink no necesitaremos poner
prefijos como lo hacemos anteriormente.

link : http://readwrite.com/2013/04/03/google-announces-blink-its-own-rendering-engine-for-webkit