Bradley Taunt
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.
Latest Posts
Over-Nesting 2019-01-06 I think since our design industry moves so quickly and exciting new technologies get released almost daily, that we often forget some of the basics when writing CSS. I bring this up because I’ve recently worked on...
Using Parent Selectors in CSS 2018-12-19 I recently saw a Twitter thread posted by Tommy Hodgins on implementing highly requested styling features in CSS with only a minimal amount of JavaScript. Many of his examples are great, but the...
Width or Flex-Basis? 2018-11-28 Creating rows and columns of elements that adapt dynamically can be a little tricky depending on the desired outcome. Let’s breakdown how to solve this issue using both inline-block paired with width and...
Adaptable Flexbox Grid 2018-11-22 You can use flexbox for many tricky layout “hacks” and implementing a grid layout is no different. Check out the CodePen below to see how you can implement a flexbox grid system that adapts automatically...
What Happened to Self-Hosted Blogs? 2018-10-18 I remember a time on the internet1 when everyone and their grandmother was running a personal blog. And I mean personal - not hosted on some side platform or a tacked-on addition to the rest...
Using Multiple CSS Background Images 2018-09-28 It isn’t something developers have a need to do very often, but you can set multiple background images on a single element. Example: .element { background: url('image_path') center repeat,...
Pure CSS Simple Dropdown Plugin 2018-09-20 I find myself blowing away default browser select styling and implementing my own custom dropdowns far more often than I’d like. So, I recently created a very simple and clean component using...
Simple Accessibility 2018-09-07 Implementing proper accessibility practices can seem a little daunting at first, but there are a few basic standards you can introduce into your project work-flow that are fairly straightforward: Basic...
Setting Up a Free SSL 2018-08-07 I never had to worry about SSL certificates when I originally hosted my blog through Github Pages, but since switching over to Surge.sh I lost my ability to utilize https protocol. Luckily, Cloudflare...
CSS Video Backgrounds 2018-04-16 With the release of Safari 11.1 on macOS and Safari on iOS 11.3, developers now have the ability to support background videos (mp4 support only - at the time of this article) with pure CSS. Example:...
CSS Variables 2018-03-24 The CSS language is becoming even more awesome and powerful everyday. In this quick article I’d like to focus specifically on the “new” CSS variable function that you can start using in your projects right now....
Stay Hungry 2018-02-12 It can feel daunting in this developer / designer landscape to keep yourself up-to-date with the latest and greatest technologies available. Which new framework should I invest the most time into? Will it even be...
Open Source Typeface Pairings 2018-01-25 I always love finding new typeface pairings to use across my personal and client projects, but I find many suggested pairings come with a hefty price tag (rightly so - premium typefaces are...
ET-Jekyll Theme 2018-01-14 ET-Jekyll theme is based off of Dave Liepmann’s awesome Tufte CSS - which takes it’s style and inspiration from the wonderful book and handout designs of Edward Tufte. The differences are subtle when comparing...
Chasing Performance 2017-11-20 Update This post is no longer relevant since this blog has been redesigned since. I’m keeping this article up as a point of reference. So I decided to participate in Smashing Mag’s Front End Performance...