Desafío código versus Webflow, con Francisco Aguilera

Hace unos días mi buen amigo Francisco Aguilera me planteó un desafío muy interesante. Él llevaba un tiempo trabajando con la herramienta Webflow, que permite construir de forma visual el front-end de un sitio web (HTML, CSS, JS) sin necesidad de escribir código. Además, el código que esta herramienta genera parece ser limpio y no dejar «restos» … Leer más

Selectores descendientes en CSS

En la videolección de hoy aprenderás a utilizar los selectores descendientes en CSS, muy útiles para hacer que nuestro código sea más limpio y eficiente y evitar llenarlo de clases e ids innecesarias. Para ello realizaremos un mini proyecto donde además aprenderás a usar «lorem images», a centrar el contenido del sitio web (y no me refiero … Leer más

Selectores de ID y de CLASE en CSS

Hace ya algún tiempo, cuando estábamos aprendiendo HTML, te hablé sobre los atributos id y class y te comenté que cuando llegáramos a CSS todo cobraría más sentido. Pues bien, ese día ha llegado y hoy aprenderás a utilizar los selectores de clase y de identificador que agilizan mucho la creación de hojas de estilo. … Leer más

CSS Inline, Interno y Externo

Por fin vamos a escribir un poquito de código CSS. Hoy vas a aprender las distintas formas de añadir código CSS en tu web: CSS Inline CSS Interno CSS Externo Además, aprenderás cuál de ellas es la forma más correcta para utilizar en tus futuros proyectos. A continuación puedes encontrar el código visto durante la … Leer más

El Modelo de Caja en CSS

El tema de hoy es fundamental para tu aprendizaje de CSS, se trata del modelo de caja. Debo reconocer que no es uno de los temas más divertidos pero sí de los más necesarios, porque si no aprendemos ésto ahora, luego se convertirá en una cáscara de plátano para futuras ocasiones. Empecemos, ¿qué es el modelo de … Leer más

Las unidades de medida en CSS

En la pasada videolección te expliqué lo que son las propiedades en CSS. Por ejemplo font-size sirve para indicar el tamaño de la fuente de un texto o width sirve para definir la anchura de un elemento. Lo cierto es que para muchas propiedades necesitaremos definir sus medidas y por ello es crucial que conozcas las distintas … Leer más