I find most tutorials that are out there for HTML and CSS are necessary and required, but I also think that if you cannot see the bigger picture, you will be bored and tap out early.
I decided to create a video of myself coding a part of a design I found on the internet. It is a simple design, but I wanted to show you how I create the HTML and then write the CSS for it.
I also wanted to show you the tooling I use, the order in which I do things and how often I, an experienced developer, still need to check documentation online and refresh to see what I have done so far.
Enough talk! Watch the video. You will hear my children, cat and budgies in the background. You will also hear my struggling to find the right words.
Some things I used
- VSCode editor (free)
- Chrome browser
- Colorzilla plugin for chrome
- Chrome Developer Tools: Right-click anywhere on the website you are on and choose the option,
inspect element. - CSS tricks, guide to flexbox
