Learn
Extra video content on building the show's website and other CSS and HTML tips. Learn with us how to keep things simple and honour web standards.
-
#9. Adding a light and dark mode with a toggle
About adding a light or dark toogle to website and how this is not perfect but might become a standard.
-
#8. Building without WordPress.#1 Tools & tabs
About getting used to manually coding websites after many year depending on a CMS.
-
#7. Adding a audio podcast player web component
This is looking at the audio podcast player that's presently on the show website. It's a shadow DOM component by Dave Rupert. The components is fabulous but come with some pros and cons.
-
#6. Embedding YouTube videos for performance
This looks at web component called Lite YouTube Embed by Paul Irish which allows us to embed YouTube videos without forcing the visitors to download all of YouTube's associated assets regardless of whether the video is played.
-
#5. Accessibility: Skip nav links and :focus-visible
This looks at improving accessibility with a skip to main content link and the new :focus-visible pseudo class which removes unneeded focus rings for mouse users.
-
#4. Creating links that are not too hyper!
We look at how easy it is to make gaffs when coding links. We look at aria labels, when to use target="_blank" and underlining links with CSS.
-
#3. System fonts are cool again
This looks at modernfontstack.com and online to to get web safe fonts and why we might want to use it.
-
#2. Easy responsive typography
This looks at the Utopia online calculator which makes it very easy to get fluid typography.
-
#1. CSS layouts made simple
This looks at modern CSS layouts using the show's initial simplified site. It also talks about using VScode and Netlify for free hosting.