A big

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🧵" title="Thread" aria-label="Emoji: Thread"> of free web development resources

https://abs.twimg.com/emoji/v2/... draggable="false" alt="⬇️" title="Pfeil nach unten" aria-label="Emoji: Pfeil nach unten">

https://abs.twimg.com/emoji/v2/... draggable="false" alt="⬇️" title="Pfeil nach unten" aria-label="Emoji: Pfeil nach unten">

https://abs.twimg.com/emoji/v2/... draggable="false" alt="⬇️" title="Pfeil nach unten" aria-label="Emoji: Pfeil nach unten">

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Learning platforms

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Learn HTML, CSS, JS, Algo and DS, other web certs:
https://www.freecodecamp.org/ ![]()
https://www.freecodecamp.org/">... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Learn HTML, CSS, JS, and Rails:
https://www.theodinproject.com/ ">https://www.theodinproject.com/">...

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Learning HTML

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Visual guide:
https://htmlreference.io/ ![]()
https://htmlreference.io/">... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Crash course by Brad Traversy:
https://www.youtube.com/watch?v=UB1O30fR-EE&t=216s">https://www.youtube.com/watch...

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Learning CSS

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Visual guide:
https://cssreference.io/ ![]()
https://cssreference.io/">... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Fun game for learning CSS Flexbox:
https://flexboxfroggy.com/ ![]()
https://flexboxfroggy.com/">... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Playground for learning CSS Grid:
https://mozilladevelopers.github.io/playground/css-grid">https://mozilladevelopers.github.io/playgroun...

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Learning JavaScript

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Best docs in my opinion:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide![]()
https://developer.mozilla.org/en-US/doc... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">JavaScript guide:
https://javascript.info/ ">https://javascript.info/">...

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Build 30 apps in 30 days:
https://javascript30.com/ ![]()
https://javascript30.com/">... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Eloquent JavaScript book:
http://eloquentjavascript.net/ ![]()
https://eloquentjavascript.net/">... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Key concepts visualized:
https://dev.to/lydiahallie/javascript-visualized-event-loop-3dif">https://dev.to/lydiahall...

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Practice and Problem-solving

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">CodeWars:
https://www.codewars.com/ ![]()
https://www.codewars.com/">... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Edabit:
https://edabit.com/ ![]()
https://edabit.com/">... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Exercism:
https://exercism.io/ ">https://exercism.io/">...

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Cheatsheets

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Devhints:
https://devhints.io/ ">https://devhints.io/">...

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Free hosting

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Heroku:
https://www.heroku.com/ ![]()
https://www.heroku.com/">... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Netlify:
https://www.netlify.com/ ![]()
https://www.netlify.com/">... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Vercel:
https://vercel.com/ ">https://vercel.com/">...

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Icons

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Development themed:
https://vorillaz.github.io/devicons/#/main ![]()
https://vorillaz.github.io/devicons/... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Fontawesome:
https://fontawesome.com/ ![]()
https://fontawesome.com/">... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Feathericons (minimalist style):
https://feathericons.com/ ">https://feathericons.com/">...

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Illustrations

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">IRA Design:
https://iradesign.io/ ![]()
https://iradesign.io/">... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">unDraw:
https://undraw.co/ ![]()
https://undraw.co/">... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Hero Patterns:
https://www.heropatterns.com/ ![]()
https://www.heropatterns.com/">... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Blush:
https://blush.design/ ">https://blush.design/">...

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Color Palettes

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Coolors:
https://coolors.co/ ![]()
https://coolors.co/">... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Color Hunt:
https://colorhunt.co/ ">https://colorhunt.co/">...

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Photos

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Unsplash:
https://unsplash.com/ ![]()
https://unsplash.com/">... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Pexels:
https://www.pexels.com/ ">https://www.pexels.com/">...

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Design Tools

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Figma (wireframes, prototyping):
https://www.figma.com/ ![]()
https://www.figma.com/">... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Excalidraw (lo-fi sketching, diagrams):
https://excalidraw.com/ ![]()
https://excalidraw.com/">... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Canva (free photoshop/Illustrator alternative):
https://www.canva.com/ ">https://www.canva.com/">...

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">UI Inspiration

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">CollectUI:
https://collectui.com">
https://collectui.com 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Httpster:
https://httpster.net">
https://httpster.net 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">UI Garage:
https://uigarage.net">
https://uigarage.net 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">CSS Nectar:
https://cssnectar.com/ ">https://cssnectar.com/">...

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Computer Science Fundamentals

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Self-teaching roadmap with free books and videos:
https://teachyourselfcs.com/ ">https://teachyourselfcs.com/">...

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">YouTube instructors

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Net Ninja:
https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg![]()
https://www.youtube.com/channel/U... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Brad Traversy:
https://www.youtube.com/user/TechGuyWeb ![]()
https://www.youtube.com/user/Tech... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Dev Ed:
https://www.youtube.com/channel/UClb90NQQcskPUGDIXsQEz5Q![]()
https://www.youtube.com/channel/U... class="Emoji" style="height:16px;" src="
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Academind:
https://www.youtube.com/channel/UCSJbGtTlrDami-tDGPUV9-w">https://www.youtube.com/channel/U...
Tip: mention @twtextapp on a Twitter thread with the keyword “unroll” to get a link to it.