Arrange a Masterclass

Tag: HTML

« All tags

The most underrated language on the web. Markup that loads fast, degrades gracefully, and does far more than people give it credit for.


2025


  1. HTML Is Not a Programming Language…

2024


  1. blocking=render: Why would you do that?!

2018


  1. Measuring the Hard-to-Measure

2016


  1. Pure CSS Content Filter

2014


  1. Grouping related classes in your markup

2013


  1. Taming data tables

  2. Your logo is still an image… and so is mine!

2012


  1. A classless class — on using more classes in your HTML

  2. The single responsibility principle applied to CSS

  3. My HTML/CSS coding style

2011


  1. On HTML and CSS best practices

  2. Create a notched current-state nav

  3. Build-along #1, reflection and reasoning

  4. CSS Wizardry build-along #1

  5. Sam Penrose Design — process and write-up

  6. The CSS Wizardry build-along is go!

  7. Build-along (testing the water)

  8. Ordered and numbered lists; the differences

  9. Two titillating table tips

  10. More logo markup tips

  11. Namespacing fragment identifiers

  12. Styling alt text on images

  13. Annotated <figure>s in HTML5 and CSS

  14. On negative hovers

  15. Coding up a semantic, lean timeline

  16. Creating a pure CSS dropdown menu

  17. Pure CSS(3) accordion

  18. CSS powered ribbons the clean way

  19. Using the <body> element as a wrapper

  20. HTML(5) and text-level semantics

  21. Maximising hit-area for usability

  22. HTML elements, tags and attributes

  23. The real HTML5 boilerplate

2010


  1. Mark up a semantic, accessible, progressively enhanced, mobile optimised progress bar (bonus: style the numbers in an ordered list!)

  2. Your logo is an image, not an <h1>

  3. Designing in the browser leads to better quality builds

  4. In response to ‘Invisible captcha to prevent form spam’

  5. Zebra-striping rows and columns

  6. Semantics and sensibility

  7. Building sites without using IDs or classes

  8. Multiple column lists using one <ul>

  9. A reconsideration — in defence of <b> and <i> (or: people fear what they don’t understand)

  10. A suitable alternative — on proper use of alt attributes

2009


  1. Typographic work planner

Book a Free Call


Hi there, I’m Harry Roberts. I am an award-winning Consultant Web Performance Engineer, designer, developer, writer, and speaker from the UK. I write, Tweet, speak, and share code about measuring and improving site-speed. You should hire me.


Connect


Projects

Next Appearance

Learn:

I help teams achieve class-leading web performance, providing consultancy, guidance, and hands-on expertise.

I specialise in tackling complex, large-scale projects where speed, scalability, and reliability are critical to success.