---
title: "CSS"
description: "← Volver a Recursos CSS Frameworks de CSS Pico CSS : el starter por excelencia sin clases, va todo vanilla en los componentes de HTML base. Almond.css : el gran Álvaro Montoro creó este framework de b..."
url: https://dev.adammartin.es/recursos/css/
date: 2026-07-31
modified: 2026-07-31
type: page
lang: es
---

# CSS

# CSS

[← Volver a Recursos](/recursos/)

## CSS

### Frameworks de CSS

- [Pico CSS](https://picocss.com/): el starter por excelencia sin clases, va todo vanilla en los componentes de HTML base.
- [Almond.css](https://alvaromontoro.github.io/almond.css/): el gran Álvaro Montoro creó este framework de base que me parece super bonito y perfecto para comenzar proyectos.

### Herramientas Online de CSS

- [transition.css](https://www.transition.style/): animaciones de cambio de fondo para pantallas o componentes grandes o pequeños. (Gracias a [JARN](https://jarn.es/))
- [Creative Button Styles](https://tympanus.net/Development/CreativeButtons/): decenas de estilos para botones y con animaciones.
- [Creative Link ](https://tympanus.net/Development/CreativeButtons/)[Effects](https://tympanus.net/Development/CreativeLinkEffects/): decenas de estilos para enlaces y con animaciones.
- Escalas de tipografías:
  - [Type Scale](https://typescale.com/): Crea escalas de tipografías para tu futura web
  - [Proportio](https://proportio.app/): Crea escalas tipográficas, iconos y mezcla de tipo-icon
- [Font-size clamp() generator](https://clamp.font-size.app/): Yo lo uso para todo tipo de clamp(), es una maravilla.
- [Color Filter Generator](https://angel-rs.github.io/css-color-filter-generator/): Para cuando no quieres cargar dos imágenes para un logo de blanco a otro color. Tiene pérdidas, pero suelen ser pocas.

### Recursos Interesantes

- [Códigos CSS de una línea para casi todos los proyectos](https://alvaromontoro.com/blog/68055/ten-css-one-liners-for-almost-every-project#limit-content-width) por el gran Álvaro Montoro
- [Accesibilidad para menú animado en móvil](https://bholmes.dev/blog/accessible-show-hide-animations/)
- Josh W. Comeau:
  - [Guía interactiva de CSS Grid](https://www.joshwcomeau.com/css/interactive-guide-to-grid/)
  - [Guía interactiva de CSS Flexbox](https://www.joshwcomeau.com/css/interactive-guide-to-grid/)
- Google: [Entiendo las unidades de viewport](https://web.dev/articles/viewport-units)
- [WebDevVisuals](https://www.webdevvisuals.com/): Visuales y vídeos de cómo funcionan apartados web
- [Frontend Practice](https://www.frontendpractice.com/): Proyectos para practicar desarrollo front-end (con varios niveles de dificultad)