Volver a recursos

🔗 Enlaces de CSS

Enlaces recomendados para ampliar el aprendizaje del curso CSS.

MDN Learn CSS
developer.mozilla.org
web.dev Learn CSS
web.dev
LenguajeCSS - Selectores básicos
lenguajecss.com
W3C - CSS Snapshot
w3.org
VS Code Docs
code.visualstudio.com
CodePen Docs
blog.codepen.io
CodePen
codepen.io
CSS Gradient
cssgradient.io
W3Schools - CSS Grid
w3schools.com
normalize.css
necolas.github.io
A Modern CSS Reset (Andy Bell)
piccalil.li
Josh Comeau - Interactive Guide to Flexbox
joshwcomeau.com
¿Que es el Box Model?🤔 - Blog de Código Facilito
codigofacilito.com
CSS-Tricks
css-tricks.com
Lección HTML: listas y semántica
/curso/html/leccion/html-semantica-basico
Lección HTML: tablas
/curso/html/leccion/html-tablas-basico
OKLCH Color Picker & Converter
oklch.com
Evil Martians - OKLCH in CSS
evilmartians.com
Coolors
coolors.co
V-Fonts - Repositorio de fuentes variables
v-fonts.com
Chrome for Developers - CSS if()
developer.chrome.com
GetCSSScan - ejemplos de sombras
getcssscan.com
Can I Use
caniuse.com
CSS Grid (YouTube)
youtube.com
SitePoint - How to Center with CSS Grid
sitepoint.com
Flexbox Froggy
flexboxfroggy.com
Grid Garden (Juego interactivo)
cssgridgarden.com
CSS Grid Generator
cssgrid-generator.netlify.app
Smashing Magazine - Designing Card Components
smashingmagazine.com
Tailwind CSS - Card Components
tailwindcss.com
Bootstrap - Cards Documentation
getbootstrap.com
Animista
animista.net
Cubic-bezier
cubic-bezier.com
Scroll-driven Animations Debugger
scroll-driven-animations.style
Astro - View Transitions
docs.astro.build
Resilient Web Design - Jeremy Keith
resilientwebdesign.com
Get BEM
getbem.com
CUBE CSS
cube.fyi
PostCSS
postcss.org
postcss-preset-env
github.com
Sass Guide
sass-lang.com
Curso de JavaScript
/curso/javascript
Lección CSS: display y position
/curso/css/leccion/css-display-position-basico
Lección CSS: responsive moderno
/curso/css/leccion/css-responsive-pro
Lección CSS: tablas
/curso/css/leccion/css-tablas-basico
Lección CSS: listas
/curso/css/leccion/css-listas-basico
Recurso

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros 😉.

Esta la hice en febrero de 2026 para facilitar el aprendizaje de mis alumnxs. Aprender desarrollo web practicando. La idea es que crezca semanalmente con nuevos temas, tests y retos.

Inspirado en MDN, en W3Schools, en Codepen, en el crack de Manz y en mil sitios de documentación sobre desarrollo web. Quería aportar además de bloques teóricos con ejemplos, la gamificación de los retos y el sistema de test que ya tenía en culTest .

Si te gustó, si no te gustó, si quieres saludarme, o invitarme a 🍻 no dudes en escribirme en cristianeslava@gmail.com .