Resources

A curated list of resources to help unlock your greatest potential as a web developer

YouTube Channels

Blogs

Josh Comeau
web devjavascriptreactgatsbycssanimationscourses
Kent C. Dodds
web devjavascriptreactcourses
Overreacted - by Dan Abramov
web devjavascriptreact
Lee Robinson
web devjavascriptreactnext.jsvercelcss
Flavio Copes
web devjavascriptreactnext.jsdatabases
Andrei Calazans
web devjavascriptreactreact nativecss
Stefan Judis
web devjavascriptcssaccessibilityseo
Samuel Kraft
web devweb designcssanimations
Codrops
web devfrontendcssanimationsthree.jswebGL
Modern CSS Solutions
cssgridflexbox
Smashing Magazine
web devweb designfrontendjavascriptcssaccessibilityux

Design Inspiration

Awwwards
Follow what's brand new in digital design.
Dribbble
Get inspired by the work of millions of top-rated designers & agencies around the world.
Dark Mode Design
A showcase of beautifully designed and inspiring dark mode websites.
DoingCoolStuff
A directory of brand, motion and digital product design studios doing cool stuff.
Footer
A curated gallery of the top website footer inspiration on earth.
Godly
Astronomically good web design inspiration from all over the internet.
Minimal Gallery
A curated source of website design inspiration aiming to support people in their creative process.
Refero
Explore real-world designs from the best products.
Stack Sorted.
A collection of the web's best designs sorted by elements.

Tools

Gradient Generator
Create beaufiful, lush gradients.
Shadow Palette Generator
Create a set of lush, realistic CSS shadows.
Operator Lookup
A quick-and-easy search engine for JavaScript operators.
Laws of UX
A collection of best practices that designers can consider when building user interfaces.
ProfileMe.dev
Create an amazing GitHub profile in minutes.
Can I Use
Provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
WhoCanUse
Check contrast and experience color palettes at multiple levels of color vision deficiencies and other visual issues.
The Ally Project - Accessibility Checklist
Check your website to make help ensure it meets WCAG guidelines.
JavaScript Array Explorer
Find the array method you need without digging through the docs.
Shots
Pixel perfect browser mockups.
Coolors
Create the perfect palette or get inspired by thousands of beautiful color schemes.
Notion
Notion is the connected workspace where better, faster work happens.

Newsletters

TLDR
web devtechweb designmobile dev
Bytes
web devjavascript
React Newsletter
web devreact
Tailwind Weekly
tailwind css
Web Weekly
web dev
Frontend Focus
web devfrontendbrowser tech
Friday Frontend
web devfrontend
Smashing Magazine Newsletter
web devfrontendux
Growth.Design
product designuxweb design

Learning Platforms

Scrimba
free coursespaid courses
FreeCodeCamp
free courses
Codecademy
free coursespaid courses
Frontend Mentor
free contentpaid content
DesignCourse
paid courses
The Odin Project
free courses
Udemy
free coursespaid courses
Team Treehouse
paid courses
Wes Bos
free coursespaid courses
The Joy of React
paid courses
ui.dev
paid courses
React.gg
paid courses
Frontend Masters
paid courses
Academind
paid courses
CSS-Tricks
free content
Khan Academy
free courses
iCodeThis
free coursespaid courses
Frontend Practice
free content
Coursera
paid courses