Respondé todas tus dudas con material que hizo el mundo entero para ayudarte o reforzá las clases con los jueguitos. Algunas cosas van a estar en inglés así que activá el traductor si todavía no dominaste el idioma. Si ves que el link no funciona avisanos así lo actualizamos!

👾 Juegos

Nombre Tipo Link
Flexbox CSS https://flexboxfroggy.com/#es
Grid CSS https://cssgridgarden.com/#es
Selectores CSS https://flukeout.github.io/
Diseño Figma https://cantunsee.space/
Código HEX https://yizzle.com/whatthehex/

❤️‍🔥 Figma - plugins

Name Link
Unsplash Imágenes https://www.figma.com/community/plugin/738454987945972471/Unsplash
UI faces Imágenes https://www.figma.com/community/plugin/769664006254845172/UI-Faces
Tiny image compressor Compresor de imágenes https://www.figma.com/community/plugin/789009980664807964/TinyImage-Compressor
Font replacer Tipografía https://www.figma.com/community/plugin/738840446766071906/Font-Replacer
Font scale Tipografía https://www.figma.com/community/plugin/741231992144144738/Font-Scale
Color scale generator Color - Estilos https://www.figma.com/community/plugin/876899098381850319/Color-scale-generator
Color style guide Color - Estilos https://www.figma.com/community/plugin/941680506965181089/Color-Styleguide
Image palette Color - Estilos https://www.figma.com/community/plugin/731841207668879837/Image-Palette
Mesh gradients Color - Gradientes https://www.figma.com/community/plugin/958202093377483021/Mesh-Gradient
Smooth shadows Sombras https://www.figma.com/community/plugin/788830704169694737/SmoothShadow
Font awesome icons Iconos https://www.figma.com/community/plugin/774202616885508874/Font-Awesome-Icons
Icon scaling tool Iconos https://www.figma.com/community/plugin/875501505522624941/Icon-Scaling-Tool
Iconify Iconos https://www.figma.com/community/plugin/735098390272716381/Iconify
Icons8 Iconos https://www.figma.com/community/plugin/791103617505812222/Icons8-—-icons%2C-illustrations%2C-photos
Material design Icons Iconos https://www.figma.com/community/plugin/740272380439725040/Material-Design-Icons
Breakpoints Responsive https://www.figma.com/community/plugin/824289601590456356/Breakpoints
Responsify Responsive https://www.figma.com/community/plugin/743654854885744527/Responsify-⚡️
Ghost wireframe https://www.figma.com/community/plugin/1017135840453013129/Ghost
The good line-height altura de lineas de lectura https://www.figma.com/community/plugin/899947649686629470/the-good-line-height

⌨️ Código

Name Tags Link
Lenguaje CSS css https://lenguajecss.com/css/
Lenguaje HTML5 html https://lenguajehtml.com/html/
Código facilito Curso post cursada https://codigofacilito.com/
CSS Layout css https://csslayout.io/
Animista animación css https://animista.net/
Easings animación css https://easings.net/
Patterns.css Patrones desde css https://bansal.io/pattern-css#introduction
leading-trim property Centrar textos visualmente en botones desde css https://twitter.com/shadeed9/status/1624092817814429697

🖼 Galerías

Name Link
Chocolat http://chocolat.insipi.de/
Lightgallery https://sachinchoolur.github.io/lightgallery.js/
Carrusel básico con css https://www.w3schools.com/howto/howto_js_slideshow.asp
Splide https://splidejs.com/

💃 Fundidoras open source e íconos

Name Link
Glyphy https://www.glyphy.io/
The Noun Project https://thenounproject.com/
Lord Icon https://lordicon.com/
Omnibus-type https://www.omnibus-type.com/
Velvetyne https://velvetyne.fr/
Adobe Fonts https://fonts.adobe.com/foundries/open-source
The League of Moveable Type https://www.theleagueofmoveabletype.com/
Open Type in CSS https://sparanoid.com/lab/opentype-features/#swsh
Modern Font Stacks https://modernfontstacks.com/?utm_source=newsletter&utm_medium=email&utm_campaign=de_tipografias_con_carlos_de_toro_dalton_maag&utm_term=2023-03-19
Font Awesome https://fontawesome.com/icons
Unblast https://unblast.com/fonts/display/
beautiful web type https://beautifulwebtype.com/
Tipografías de alumnxs de FDV https://flexiblevisualsystems.info/resources/mvdtypefoundry/
Jad Maza https://jadmaza.gumroad.com/l/DemoFonts
Use & Modify https://usemodify.com/
IonIcons https://ionic.io/ionicons
Animate Icons https://www.animateicons.in/
Best Free Fonts https://bestfreefonts.com/

🧪 UX/UI

Name Link
Use berry https://www.useberry.com/
Leyes del UX https://www.eniun.com/12-leyes-experiencia-de-usuario-ux/
UX: Principios y Métodos (libro) https://issuu.com/gabrielrecondo/docs/experiencia_de_usuario
Testeá tu web https://vas.3m.com/
Más leyes de ux https://lawsofux.com/en/
Diseño inclusivo (microsoft) https://www.microsoft.com/design/inclusive/
Usabilidad para adultos mayores https://www.nngroup.com/articles/usability-for-senior-citizens/
Desarrollo accesible lationamericano https://dalatcomunidad.org/
Introducción al UX https://gelislara.medium.com/la-base-para-entender-ux-bc405b1d711f
la altura de linea perfecta https://thegoodlineheight.com/
Creador de escalas tipográficas https://sizematters.netlify.app/

✍️ Imágenes libres

| --- | --- |

🎨 Color

| --- | --- |

💡Inspiración