Making software better without sacrificing user experience.

Hi, my name is Bradley Taunt. I'm a designer/developer hybrid helping software companies improve their user experience and ship more performant products.

I also actively maintain several open source projects.

I'm passionate about open source software, usability, performance, privacy, and minimal design. This small piece of the internet stores a growing collection of my personal brain dumps.

Skills & Languages

Core tools are Figma, HTML, CSS, JavaScript & Ruby. Further improving my skills with Ruby, Rails, MySQL & PHP. I also enjoy tinkering with basic shell scripts and Unix systems.

Design Thought Experiments

Stop Using Hamburger Menus (Sometimes)
Common performance and accessibility issues caused by using hamburger menus.

Better Search Results
Rethinking the UX flow of modern search engines.

My Coffee Maker Just Makes Coffee
How products should focus on doing one thing very well.

Blog Anonymously
A basic starting point for those wishing to blog privately.

Latest Post

I often stumble upon large data sets or table layouts across the web. When these tables contain hundreds of rows of content, things become problematic once you start to scroll...

Look at that table header disappear! Now, if I scroll all the way down to item #300 (for example) will I remember what each column's data is associated with? If this is my first time looking at this table - probably not. Luckily we can fix this (no pun intended!) with a tiny amount of CSS.

Check it out:

Pretty awesome, right? It might look like magic but it's actually very easy to implement. You only need to add 2 CSS properties on your thead:

position: sticky;
top: 0;

That's it! Best of all, sticky has ~96% global support which means this isn't some "bleeding-edge" property and can safely support a ton of browsers. Not to mention the improved experience for your end-users!

You can view a live demo of this table on the CodePen example pen.

If you found this interesting, feel free to check out my other table-focused post: Making Tables Responsive With Minimal CSS

Posted February 23, 2024