Diseño web adaptable

Diseño web adaptable

Introducción al diseño web adaptable El Responsive Web Design o diseño web reactivo consiste a hacer que nuestros sitios web se visualicen correctamente en cualquier tamaño y tipo de pantalla. Según Aaron Gustafson, no es lo mismo que diseño adaptable, que persigue...

Ejemplos CSS con Flex y Grid

Ejemplo para experimentar con flexbox: Ejercicio comentado de barra de navegación Ejercicio comentado con varias secciones Ejercicio de tablas de precios Maquetación tipo App para móviles Aquí puedes encontrar una colección de ejemplos de Grid. Aquí una compartiva de...
Diseño web adaptable

Modelo de cajas y posicionamiento CSS

El modelo de cajas Los elementos de un documento HTML son considerados como una caja rectangular invisible al usuario y en la que se pueden aplicar ciertas propiedades para ubicar los elementos respecto a otros. margin: margen exterior, que separa la caja del elemento...
Estilar elementos HTML específicos con CSS3 con ejemplos

Uso de Selectores y Herencia en CSS

Este es un capítulo un poco farragoso sobre el uso de CSS. Conviene darle una primera lectura para saber lo que hay, ir practicándolo poco a poco y tenerlo como referencia conforme avances. Encontrarás ejemplos en capítulos sucesivos, ya que el uso de los selectores...
Diseño web adaptable

Cómo empezar con CSS

Conceptos básicos de CSS En el el curso de HTML hemos tratado de evitar el uso de estilos y colores, aunque se puede hacer, ya que en las primeras versiones se comenzaron a introducir elementos con la finalidad de mejorar el aspecto del contenido. Después se creó CSS,...