Arrange a Masterclass

Tag: CSS

All tags


2026


  1. font-family Doesn’t Fall Back the Way You Think

  2. What Is CSS Containment and How Can I Use It?

2013


  1. MindBEMding – getting your head ’round BEM syntax

2012


  1. Code smells in CSS

  2. Announcing pr.ofile.me

  3. inuit.css v4.0.0—OOCSS, Sass and more

  4. Tags in CSS files

  5. Shoot to kill; CSS selector intent

  6. Quasi-qualified CSS selectors

  7. The open/closed principle applied to CSS

  8. Single-direction margin declarations

  9. Keep your CSS selectors short

  10. The single responsibility principle applied to CSS

  11. My HTML/CSS coding style

  12. Hacker News rebuttal

  13. Pragmatic, practical font sizing in CSS

2011


  1. On HTML and CSS best practices

  2. Measuring and sizing UIs, 2011-style (and beyond)

  3. Create a notched current-state nav

  4. Build-along #1, reflection and reasoning

  5. CSS Wizardry build-along #1

  6. Fully fluid, responsive CSS carousel

  7. The CSS Wizardry build-along is go!

  8. Build-along (testing the water)

  9. Reset restarted

  10. The ‘island’ object

  11. The ‘nav’ abstraction

  12. Ordered and numbered lists; the differences

  13. Writing efficient CSS selectors

  14. When using IDs can be a pain in the class...

  15. Building better grid systems

  16. Good developers are illusionists

  17. Updated CV

  18. Namespacing fragment identifiers

  19. Annotated <figure>s in HTML5 and CSS

  20. Font sizing with rem could be avoided

  21. jQuery placeholder plugin/polyfill

  22. On negative hovers

  23. Introducing inuit.css

  24. Coding up a semantic, lean timeline

  25. Problems with the sans-serif hack

  26. Mobile business card

  27. Creating a pure CSS dropdown menu

  28. Pure CSS(3) accordion

  29. CSS powered ribbons the clean way

  30. Create a centred horizontal navigation

  31. Link: Recreating the Luke's Beard social icons with CSS3

  32. Maximising hit-area for usability

2010


  1. Mo’ robust paragraph indenting

  2. Media queries, handier than you think

  3. CSS: CamelCase Seriously Sucks!

  4. Improving CSS tooltips

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

  6. Set then unset (or reset...?)

  7. Zebra-striping rows and columns

  8. Building sites without using IDs or classes

  9. Multiple column lists using one <ul>

  10. iPhone CSS—tips for building iPhone websites

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.