Check out VanillaHTML and VanillaHTML Github
I've been creating websites as a hobby for quite a while now, and professionally for a little over four years now.
In that time I've noticed one thing that never seems to change despite everything in tech ALWAYS changing, and that's how ugly regular HTML looks.
I write about this project in detail on my portfolio but here's what it is and why I made it!
What VanillaHTML Is and Isn’t
Let’s be real, default HTML is an ugly duckling. You hate to look at it, but you also know how much potential it really has with the right CSS.
VanillaHTML is a CSS file that allows for regular HTML to look and feel much more modern. But it also enforces the use of Semantic HTML. This means that if you are building your HTML to meet accessibility you will want to make sure you are using HTML elements that tell the browser what the element on your website does.
This is not intended to replace design or CSS in any way. If you are building websites for businesses then you should be designing and working with CSS. However, you can use it as a starting point for any project. By default there are no classnames, all the CSS is applied directly to the semantic element, so you can easily add classes to your html for your custom design, or remove and add what you do or don’t like from the file.
By enforcing these Semantic HTML practices as you build a website, you develop good habits and practices as a web developer. It not only makes building easier, but it also makes the internet better.
VanillaHTML is essentially a redesign of default HTML elements with no JavaScript.
Why I Made VanillaHTML
I wanted to create an experience where learning HTML felt more modern, fun, and more effective. I wanted the visual aspect of building a basic HTML website to make it clear what exactly your HTML is doing.
I also wanted to highlight the importance of accessibility and how powerful default HTML can actually be and how much value these semantic elements provide.
Questions for you
- Did you find the style of HTML off-putting when you first started?
Top comments (0)