Archivos | Diseño Web RSS feed para esta sección

Optimizar el diseño web para móviles – Google

Como saben, este 26 de febrero los de Google anunciaron que desde el 21 de abril van a tomar más en cuenta la optimización móvil de los sitios como una señal de ranking. Este cambio afectará a las búsquedas móviles en todos los idiomas en todo el mundo y tendrá un impacto significativo en nuestros resultados de búsqueda. Con esta alta calidad de búsqueda los usuarios encontrarán más fácil los resultados pertinentes, por eso es muy importante que estés al día en lo que se refiere al tema de optimización para dispositivos móviles.

conceptos-diseno-web-adaptable

Los mismo de Google tienen un sitio que te puede servir de referencia y a partir de ahí buscar en otros lugares.

Guía para móviles dirigida a webmasters

Mobile SEO – Optimizing For User Experience And Google

Aquí otra guía: Principios de diseño de sitios web — Web Fundamentals

In Pieces: Especies en peligro de extinción hechas con CSS

“In Pieces” es un catálogo interactivo de 30 animales creados íntegramente con CSS por Bryan James.
Bryan ha creado una plataforma interactiva para dar a conocer las especies en peligro de extinción de todo el mundo.

species-in-pieces-lion

species-in-pieces-frog

species-in-pieces-turtle

species-in-pieces-seahorse

CSS polygons are a line of code which essentially draws a shape from a set of co-ordinates with X and Y values for each point. You can have any amount of points you wish, I chose 3 of course because I used triangles. These co-ordinates are based off-of a standard rectangle which you can size in any way you like, and the polygons will adapt if done as percentaged co-ordinates.

species-in-pieces-CSS

In Pieces – 30 Endangered Species, 30 Pieces.

Motionographer In Pieces: A rare specimen of CSS-based animation

20 Ebooks esenciales para Diseño Web – gratuitos

Como buen diseñador debes mejorar continuamente tus habilidades y mantenerte actualizado con las tendencias de diseño y conocer los descubrimientos en el nicho de desarrollo.
En WebDesignDev te muestran una lista de 20 Ebooks gratuitos que te pueden servir como referencia.

building-web-apps-with-Go

must always stay updated with the latest design trends and know the recent discoveries in the development niche

Rediseño del sitio Wired.com

wired-icons

Una buena oportunidad de estudiar lo que hicieron los de Wired.com para rediseñar su sitio.
Fue la culminación de dos años de trabajo, para que el diseño del sitio pudiera evolucionar a lo que se ve hoy. Desde lo responsivo del sitio hasta el manejo efectivo de las APIs.

Sitio actual:
wired-rediseno

Sitio anterior:
wired-diseno

But we didn’t design the new WIRED to be perfect. We designed it to be perfected. We’ll continue to make the technology faster and more powerful, the stories more informative and more fun. In the process, I’m sure you’ll find areas we can improve. I hope you’ll let us know about them. We’re trying to make better stuff in cooler ways more often. We believe we’ve created both the tools and the platform for WIRED to grow and evolve as fast as the technologies we cover. And if we’ve done our jobs, we will inspire you—the most connected and influential minds on the planet—to embrace what’s next. Everything is changing. Get ready.

wired-page

Welcome to the New WIRED