Member-only story
Three Resources Every Web Developer Needs to Know About

CodePen, CSS-Tricks, and The Shop Talk Show
If you’re serious about becoming a web developer or about improving your web development skills. I can’t recommend these three resources enough. This article also serves as an “ode” to Chris Coyier (the man who is heavily involved in creating and maintaining all three).
Resource 1: CodePen
CodePen.io
CodePen is a sandbox environment co-founded by The Great Chris Coyier and his super-team of developers and designers. A sandbox environment is a place where you can practice coding without worrying about messing up or breaking anything. CodePen actually has a lot of features and uses, but making consequence-free mistakes is my personal favorite among them.
I also like trying new and seemingly random things for no reason, like this clock I built using mostly HTML and CSS with a little dash of JavaScript.
This is a great place for you to build and experiment with new front-end elements. When you’re done, you can delete your experiment, or you can save it and share it, or easily copy and paste your work into your real-world production project.