I find it incredibly satisfying to have my project ideas written down. Whether it be a sketchbook or regular notebook paper, you will have more clarity to see what you're trying to do.
Before I continue, I just need to point out to whomever is reading this thinking:
I can't draw! My stuff will look horrible!
It's fine, unless you want to show them off, no one else needs to see your ideas on paper.
Since I work in front-end, I enjoy drawing out my ideas in a sketchbook specifically for my coding projects.
Below are some sketches I worked on for existing projects:
The TARDIS was something I thought a lot about. I know I was going to be using CSS Grid for it, but to take into account the details of the model, I decided to draw lines to indicate the various grids and how they intersect.
Doctor Who's TARDIS
The live project can be seen here.
Another project that is currently in progress (as of writing this) is using a 3D model I made in Blender for a "shift" effect when the user scrolls down the page. I love the use of the models on Season 2 of Command Line Heroes (great podcast by the way!) site page. As you scroll down the page, the pieces of the model shift apart.
3D stair model sketch
A rendered image made using Blender (free and open source):
3D stair model render
I downloaded Inkscape (free and open source) to learn how to make my own svgs. The favicon for this site was also made using Inkscape.
As you can see, my sketches are not very detailed. But that's ok, they serve their purpose. I just want to make the design process easier as I am working.
Cute critter eating a cookie sketch
Cute critter eating a cookie svg
There are many developers (including me) who use design sites like Dribbble for inspiration. Unless you have your thoughts written down, all of your ideas are just floating around in your head with everything else you have to do. It's most likely you'll forget them over time.
Creating a website layout from scratch can be pretty overwelming, take some of the pressure off by sketching your ideas whenever lightning strikes. Your future self will thank you.