# data[].attributes.headline
Apuntes del módulo Diseño de Interfaces Web

# data[].attributes.subject
Apuntes del módulo Diseño de Interfaces Web

# data[].attributes.body
https://github.com/jamj2000/DIW/

# data[].attributes.attachment_link.title
GitHub - jamj2000/DIW: Módulo de Diseño de Interfaces Web del ciclo de Desarrollo de Aplicaciones Web

# data[].attributes.attachment_link.description
Módulo de Diseño de Interfaces Web del ciclo de Desarrollo de Aplicaciones Web - GitHub - jamj2000/DIW: Módulo de Diseño de Interfaces Web del ciclo de Desarrollo de Aplicaciones Web

# data[].attributes.attachment_link.readable_text
A front-end web development newsletter that sparks joy

My main focus right now is teaching front-end developers how to do cool stuff. My personal newsletter is sent once every few weeks, and includes bonus subscriber-only content.

No spam, no nonsense. Unsubscribe at any time.

# data[].attributes.attachment_link.description
Friendly tutorials for developers. Focus on React, CSS, Animation, and more!

# data[].attributes.attachment_link.readable_text
Our CSS Learning Area features multiple modules that teach CSS from the ground up - no previous knowledge required.

CSS first steps

CSS (Cascading Style Sheets) is used to style and layout web pages - for example, to alter the font, color, size, and spacing of your content, split it into multiple columns, or add animations and other decorative features. This module provides a gentle beginning to your path towards CSS mastery with the basics of how it works, what the syntax looks like, and how you can start using it to add styling to HTML.

CSS building blocks

This module carries on where CSS first steps left off - now you've gained familiarity with the language and its syntax, and got some basic experience with using it, it's time to dive a bit deeper. This module looks at the cascade and inheritance, all the selector types we have available, units, sizing, styling backgrounds and borders, debugging, and lots more.

The aim here is to provide you with a toolkit for writing competent CSS and help you understand all the essential theory, before moving on to more specific disciplines like text styling and CSS layout.

CSS styling text

With the basics of the CSS language covered, the next CSS topic for you to concentrate on is styling text - one of the most common things you'll do with CSS. Here we look at text styling fundamentals, including setting font, boldness, italics, line and letter spacing, drop shadows, and other text features. We round off the module by looking at applying custom fonts to your page, and styling lists and links.

At this point we've already looked at CSS fundamentals, how to style text, and how to style and manipulate the boxes that your content sits inside. Now it's time to look at how to place your boxes in the right place in relation to the viewport, and to each other. We have covered the necessary prerequisites so we can now dive deep into CSS layout, looking at different display settings, modern layout tools like flexbox, CSS grid, and positioning, and some of the legacy techniques you might still want to know about.

Use CSS to solve common problems

This module provides links to sections of content explaining how to use CSS to solve common problems when creating a web page.

# data[].attributes.attachment_link.description
Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS describes how elements should be rendered on screen, on paper, in speech, or on other media.

# data[].attributes.attachment_link.readable_text
Free for commercial or personal use by Dima Braven.

WebGradients is a free collection of 180 linear gradients that you can use as
content backdrops in any part of your website. Easy copy CSS3 crossbrowser code
and use it in a moment! We've also prepared a .PNG version of each gradient.
As a bonus, there are packs for Sketch & Photoshop.

# data[].attributes.attachment_link.description
Come to WebGradients.com for 180 beautiful linear gradients in CSS3, Photoshop and Sketch. This collection is curated by top designers and totally free.

# data[].attributes.attachment_link.readable_text
iLoveIMG es la aplicación web que te ayuda a modificar imágenes en lote de forma gratuita. Recorta, cambia el tamaño, comprime, convierte y más. Todas las herramientas que necesitas para mejorar tus imágenes en pocos segundos.

# data[].attributes.attachment_link.title
iLovePDF | Herramientas PDF online gratis

# data[].attributes.attachment_link.description
iLovePDF es un servicio online para trabajar con archivos PDF completamente gratuito y fácil de usar. ¡Unir, dividir, comprimir y convertir PDF!