Bradley Taunt
Bradley Taunt
The man behind the site… I’m Brad, a designer/developer hybrid. I help software companies improve their user experience and ship more performant products. 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. I also actively maintain several open source projects. Core tools are HTML, CSS, Ruby, JavaScript & PHP. Currently improving my skills with Rails & MongoDB. I also enjoy tinkering with basic shell scripts and Unix systems.
August 2026
September 2026
Top Words
- openbsd
- linux
- jekyll
- setup
- simple
- setting
- pure
- html
- text
- installing
- macos
- website
All posts (206)
Minimal CSS: Dropdown Menu 2019-04-26 I love the idea of stripping away as much CSS as possible, while still maintaining the original UI concept. Let’s build out a demo example with a simple menu dropdown element. Interesting facts about our final CSS menu: Total weight 121 bytes minified! (not including any resets...
CSS Character Unit 2019-04-23 When it comes to proper readability with large portions of text, the golden standard is to have no more than 75 characters per line. This is easy to achieve in the world of print but on the responsive, ever-changing web - statically defined typography becomes a little more difficult....
Browser History Sucks 2019-04-20 Have you ever needed to step back through your browser history to find a particular site or product? Do you remember that experience being good? Most likely not. Much like printers, the design of browser history interfaces hasn’t changed in years. This would be fine if these UIs had...
Yes, I Still Use jQuery 2019-04-15 I have seen a handful of condescending comments from front-end developers since the newest build of (jQuery 3.4.0) released a couple of days ago. While I understand not all developers share the same work-style or are using the same tech-stack, dismissive comments towards any useful...
CSS Value: currentColor 2019-04-13 There are a large number of nuanced and mostly unheard of CSS value types, but today we are going to focus on currentColor. So what is the currentColor value type anyway? The currentColor value type will apply the existing color value to other properties like background-color, etc....
CSS: Indenting Text 2019-04-05 A lot of developers tend to do the bare minimum when it comes to implementing proper website typography. This isn’t an insult - I’m happy that typography is given any thought at all during development, I just believe more can always be done to improve upon it. In today’s TypeTip we’re...
Simple Does Not Mean Ugly 2019-03-26 I see new blog posts popping up now and again advocating for designers to keep their products as simple as possible - and I couldn’t agree more. A lot of designers tend to think they need to reinvent the wheel when it comes to UI concepts that are standard defaults and expected...
Skip to Content Button 2019-03-25 One of the golden rules for testing your website’s accessibility is the “keyboard-only” audit. This is where you test navigating through your entire site without the use of a mouse, but instead rely solely on tabbing through your content. Unfortunately, one item is normally...
Prescription Form UI Improvements 2019-03-13 I was browsing the Clearly website a few days ago and ended up using their prescription form to update my worsening eyesight. The design of this form wasn’t bad per se, but it could certainly be improved. Current design of the prescription view As I stated, this design...
Animated Card Tiles 2019-02-27 The design trend of using “cards” or “tiles” to display interactive sections/article headings in an app or website remains a popular choice among designers. So, let’s build a set of animated cards with only HTML & CSS. What we will be building (live demo) This is the set of animated...
Easy Toggle Switches 2019-02-18 Sometimes there is a need to use toggle elements in-place of the default checkbox inputs. The problem is, I tend to see a lot of developers reaching for plugins or JavaScript components in order to implement these toggles. This is overkill. You can create your own custom input...
Super Mario Blocks in CSS 2019-02-15 Just because we can, let’s make a quick demo on how to build interactive elements based off the original Mario punch blocks. What our final product will look like: Live CodePen Example The HTML The set of Mario blocks doesn’t require a huge amount of effort for it’s html...
Page 15 of 18