Categorías
CSS Desarrollo web Diseño web

Aprendizaje de desarrollo web con proyectos de ejemplo

En Frontend Practice podemos llevar a cabo proyectos de maquetación utilizando como prototipo la imagen de una pantalla. Además, en cada proyecto viene con información básica sobre lo que se va a practicar y recursos donde aprender. Hay tres niveles.

Sólo faltan las ganas.

Categorías
CSS

Historia de CSS

En CSS Timeline podemos ver un repaso por la historia de CSS y en el fondo, de la web.

Me siento viejuno 🙂

Categorías
CSS

Guía de estilo para HTML/CSS de Google

document defines formatting and style rules for HTML and CSS. It aims at improving collaboration, code quality, and enabling supporting infrastructure. It applies to raw, working files that use HTML and CSS, including GSS files.

Google HTML/CSS Style Guide

Categorías
CSS

El espacio en CSS: margin & padding

En el artículo Spacing in CSS, Ahmad Shadeed hay una amplia y detallada explicación sobre el espacio en CSS, hablamos de margin y padding, dos atributos que a veces producen fenómenos extraños si no conocemos su funcionamiento correcto.

Categorías
CSS

Paletas de colores CSS con el esquema de color HSL y la función calc()

Un artículo interesante Creating Color Themes With Custom Properties, HSL, and a Little calc(), sobre un par de ideas que llevo dándole vueltas durante algún tiempo. Elementos:

  • Variables CSS
  • Usar el esquema de color HSL en lugar del hexadecidal.
  • La función calc() de CSS

Los motivos:

  • La insuperable ventaja de trabajar con HSL en CSS frente a hexadecimal a la hora de trabajar con el color.
  • La posibilidad de usar y reutilizar variables en CSS (y el ahorro de trabajo que supone)
  • La función calc() que permite automatizar cálculos de colores.
  • Y principalmente, porque los navegadores que no interpretaban estas características, están en el limbo

Habrá quien dirá que con SASS y similares, ya se puede hacer lo mismo, pero no siempre se tiene libertad para poder instalar lo necesario y poder utilizarla. No lo digo yo, lo dice un amigo.

Obviamente mi sistema de utilizar inkscape para crear variaciones de color (en tono, o luminosidad) haciendo cajitas para tener de un vistazo la paleta que uso, se puede mejorar mucho 🙂