Diseño de Interfaces Web

Sitemap

2 Uso de estilos. Documentación

Learn Sass in Y minutes
Sass es un lenguaje que extiende CSS y que añade características tales como variables, anidación, mixins y más. Sass (y otros preprocesadores tales como Less) ayudan a los desarrolladores a escribir código mantenible y DRY (Don’t Repeat Yourself).
Manage @Fontfaces with SCSS
Un @mixin para manejar más eficientemente familias tipográficas con Sass en distintos formatos(.ttf, .otf, .woff, .eot y .svg).
How to easely use Google Fonts with Sass
Artículo sobre como importar e implementar fuentes de Google usamdo Sass.

Práctica introductoria Sass

CSS All Standards and Drafts
Estándares y borradores del W3C para CSS.
Learn CSS in Y minutes
Resumen rápido de las propiedades de CSS2 y algunas de CSS3.
The CSS Handbook - Flavio Copes
Completo manual de CSS3.
CSS3 y Javascript avanzado - Jordi Collell Puig
Novedades de CSS3, jQuery y canvas. Con ejercicios.
Parent Selector
Artículo sobre cómo remontar el DOM con CSS (los selectores existentes son todos descendentes).
The Shapes of CSS
Conjunto de formas en CSS.
Menús CSS
Aspectos básicos de los menús y barras de navegación con CSS y adaptabilidad. Fuente:W3Schools.

Flexbox

CSS Flexible Box Layout
Especificación de W3C para flexbox.
A Complete Guide to Flexbox
Guía completa y actualizada de flexbox.
Flexbox30
Flexbox en 30 imágenes.
Flexbox. Nº 8. of HTML & CSS Is Hard
Tutorial amigable para maquetación con flexbox.
Flexbox CSS
Tutorial en español con ejemplos interactivos.
El gran poder de CSS3: FlexBox
Tutorial en español con ejemplos, notas y advertencias.
Flex Cheatsheet
Cheat Sheet interactiva.

Grid System

Cien por ciento divididos : Grid System y su secuaz el Layout
Artículo explicativo de la adaptación del sistema grillas a la web.
Grid CSS (Cuadrículas)
Guía completa de grid css.
CSS Grid Cheat Sheet Illustrated in 2021
Cheat Sheet ilustrada y detallada de grid.
Grid Cheatsheet
Cheat Sheet interactiva.
Grid: A simple visual cheatsheet for CSS Grid Layout
Cheat Sheet visual rápida y simple sobre grid.