How to build a static website from scratch in HTML and CSS - 1: HTML

This client is a non profit organization for the advancement of music teaching and students. This live website can be found here:

GETTING STARTED WITH LESS
Here's the video where I go over how to set up LESS on your system and how it works:

In this video I go over structuring the HTML and how to plan a website's HTML structure for mobile first and thinking ahead on how it will play out in desktop. Structuring you html properly with intent and planning will set you up for less headaches down the line and make building out the website much smoother. Plus, clean and organized HTML structure is crucial to making a high quality website that is easy to maintain and lasts for years.

Here's the starter kit I use in this video that you too can use for all your projects moving forward.

And here’s the code I use to add dark mode to your website in under 5 minutes and how to use it:

[montheist_tv]

Just stumbled upon you via a random reddit comment. Please beam all of your knowledge directly into my brain.

[Shapchiki]

Thank you for sharing your work process. Been following you for a while and I've learned a ton.

[ebombbombe]

Just want to say that as a developer who doesn't work on the front end much, your videos/blog/content explaining your process and design fundamentals has been illuminating. I've always wondered what it would take to make websites that look good and feel good (responsive) from the ground up, and your 'stack' seems to be an excellent implementation of that. I'm planning on building a site for a family member's small business using your V4 starter kit (minus the blog as they don't need that - yet at least). Thank you for making that public and available so that we don't all have to re-invent the wheel -- I don't think most people realize what a big service it is you've provided just by 'open sourcing' your starter templates.

Thanks again and take care,
Ed

[Liam-fbtu]

Really great work keep it up mate, really enjoy how informative your content is

[arrav]

Thank you! I hope I can be like you when I grow up

[libanjama]

excellent content, you do not use javascript/node.js/a database for any clients? Also how do you handle form submissions? Laslty, are you still using netlify?

[joemarshall]

Hello, found out about you through reddit. I followed your installing LESS video, however I am sorta stuck after that point. How do I use the github starter kitv3/4? What program do I use to implement. Figma? Thank you for your time, Joe

[michaeltourne]

These videos are excellent. Thank you! One thing that I still feel like I'm a bit hung up on is your px/em scaling setup with the v3 setup using less. You've mentioned the structure before (I forget which video) and you have an explainer on the github repo for the project, but I'm still not 'clicking'. Do you plan on doing a video on your v3 setup itself at any point?

[LEGOOOOOOOOOOOS]

Anybody know this setup? How does he have these tools in google chrome?