Don't write bad HTML - with Manuel from HTMHell

🎓 View our courses: https://scrimba.com/links/all-courses Manuel Matuzović wants the world to know about the benefits of writing great HTML - and how to do it! He's even created a blog, newsletter and Twitter account dedicated to teaching us all about HTML good (and bad) practices! 😇 In this stream, Manuel will show us some important HTML must and must not dos, as well as highlighting some vital validation and accessibility features which will take your HTML to a pro level! 🖥 Contents 🖥 0:00 - Introduction 1:40 - HTML seems so simple… Is it? 2:58 - Manuel’s background / Overview of “HTMHell” 6:40 - What is a11y? What Manuel’s accessibility audit typically looks like 8:09 - Accessibility testing 10:58 - Do you have to test both “Tab” and “Shift-Tab” ? 12:00 - What do you mean by “automatic testing”? / Lighthouse / Applications to assist in testing a11y 14:15 - Axe Dev Tools 16:30 - ScreenReader tool 19:47 - How to turn a design mockup into an HTML document 24:00 - Example of how to breakdown a design structure (extension Manuel uses: tota11y) 30:10 - Example #2 - determining what elements you should consider when given a design 33:45 - Would it have helped if he made the paint roller icon pulsate in a subtle way to indicate it's a button? 35:06 - How to choose anchors or buttons in some scenarios ? 36:42 - Are head components that important for a website with less traffic? 41:48 - What text of a site is preferred to be written directly in HTML vs added in JavaScript? 45:22 - Are DIVs bad? 49:15 - Are sections bad? 55:58 - Sections vs. Articles 58:21 - Closing remarks 🔗 Useful links: 🔗 🌳 Scrimba’s Linktree: https://linktr.ee/scrimba 🐦 Say hi on Twitter: Scrimba: https://twitter.com/scrimba Leanne: https://twitter.com/RybaLeanne HTMHell: https://twitter.com/htm_hell Manuel: https://twitter.com/mmatuzo