2021-11-12

A saw someone mention on Twitter that if something comes to mind that you wish you'd know at the beginning of a journey, you should mention it for someone else who is just starting the journey now.

Code folding came to mind. I really wish I'd started using code folding from the start.

If you are just starting out doing web design and are working with CSS, check if your Text Editor has code folding. If it does, start using it right away.

Basically, you collapse all the code in your stylesheet so only see the class or ID. So when you start in on a project, you see this...

.stuff {}
.other-stuff {}
.things {}

Which is a little easier on the brain than starting with this...

.stuff {
 font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 100%;
font-weight: normal;
font-style: normal;
line-height: 1.5;
}
.other-stuff {
 padding-right: 2rem;
padding-left: 2rem;
border-radius: 2px 2px 0 0;
}
.things {
 display: inline-block;
margin: 0;
font-size: 2.027rem;
-webkit-font-smoothing: antialiased;
}