Xitrus está alojado en:
Os voy a mostrar tres ejemplos variados de Responsive Designs, que como ya sabemos son esas páginas que se adaptan a todos los tamaños de pantalla (optimas para PC, smartphone y Tablet), como es el caso de Xitrus.
Ya os comenté que actualmente es muy importante crear diseños que se adapten a dispositivos móviles por varios motivos, y puede parecer difícil, pero puedes inspirarte con otras webs y encontrar la forma de crear el tuyo propio.
Esta web quiere enseñar a todo el mundo de forma divertida macroeconomía, con algún que otro ejemplo animado sobre este tema.
Esta página se adapta de una forma muy buena a tamaños pequeños, la mayoría de los elementos con un tamaño amplio de pantalla se muestra en varias columnas y al hacerse estrecho se colocan en cascada, incluyendo esos ejemplos animados que he mencionado.
Esta es la web de un estudio de diseño y desarrollo web, en el que destacan el uso de diseños adaptables y la compatibilidad entre navegadores.
El diseño adaptativo está basado en una forma que se utiliza mucho actualmente, que consiste en tener varios elementos uno al lado del otro (en este caso una imagen y el texto que la complementa) y al hacerse estrecha la imagen pasa a estar encima del texto.
La página de Microsoft se ha renovado ya muchas veces, y ahora está luciendo estilo Metro (Modern UI).
En tamaño normal vemos la gran imagen que promociona uno de sus productos, y debajo encontramos distintos bloques contiguos que con tamaños pequeños pasan a estar en cascada (primero con el la imagen y el texto de lado y después uno debajo del otro) y en con un ancho pequeño pasa como en los ejemplos anteriores, se estructura totalmente en cascada.
Estos son tres de los muchos ejemplos de páginas web con diseños adaptativos (o Responsive Designs), y si os interesa el tema de adaptar una web a todos los tipos de pantalla os recomiendo inspiraros mucho cuando empecéis, os servirá de ayuda ver muchos ejemplos y formas de hacerlos.
Xitrus está alojado en:
