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 que los sitios web se adapten al navegador o sistema operativo. Si hablamos […]
Ejemplo para experimentar con flexbox:Ejercicio comentado de barra de navegaciónEjercicio comentado con varias seccionesEjercicio de tablas de preciosMaquetación tipo App para móviles Aquí puedes encontrar una colección de ejemplos de Grid. Aquí una compartiva de uso de flex y grid. Y aquí juegos para practicar: cssgridgarden.com flexboxfroggy.com
Estilar elementos HTML específicos con CSS3 con ejemplos
En otros capítulos hemos visto el uso de selectores y otras cuestiones de CSS, no quiere decir esto que eso fuera CSS2 y ahora pasemos a CSS3. La versión 3 es una evolución que simplemente aporta nuevos elementos a los que ya había y quizá elimina otros que quedan obsoletos según las nuevas formas de […]
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 de las demás. si escribimos margin:5px; establecemos un margen de 5 […]
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 es esencial. Uso de selectores CSS Hasta ahora hemos visto […]
