Bradley Taunt
UI & UX Developer

Writing about web design and development

Opinions are my own. Beware of rants.

Plain Text Emails, Please
The internet has enough bloat, I don't need it leaking into my emails as well

Being More Efficient as a Designer / Developer
Talking about being more efficient with your time as a designer when developing new projects or working with clients

Dynamic Checkboxes
Walking through a simple tutorial on designing and developing custom checkbox elements that dynamically update outputted content.

Styling Empty Table Cells
Tables can often times have blank pockets of data. Let's take a quick look at how to target and style empty table cells.

Dear Google, I'm Blocking You From My Website
Some recent events have made me rethink the popular search engine. It's time to stop Google from crawling my website.

Using HTML Validator Badges Again
Websites at one time wore badges of honor, proving that their code was semantic. I think it's time we bring HTML badges back.

They Won't Wait: A Warning for Slow Websites
Speed and performance are critical to having a solid experience for your users. Learn how to implement simple performance wins without the stress.

Publishing Simple Books With Jekyll
When thinking about writing and ultimately publishing a simple ebook, most people don't think of using a static site generator like Jekyll.

Using Hamburger Menus? Try Sausage Links
Hamburger menus have become the go-to implementation for mobile navigation systems - but are they always the best solution?

Making Tables Responsive With Minimal CSS
Building responsive tables can often become a nightmare. Learn how to easily implement responsive table layouts with only CSS.

Write HTML Like It's 1999
New web tools make the lives of developers easier but can sometimes break away from proper HTML structure.

Using user-select
Set your user text selection to highlight all or none of your content with a couple lines of simple CSS.

News Websites Are Dumpster Fires
News websites are absolute garbage thanks in part to vendors spamming advertisements and blackhat, clickbait tactics.

Text Align: Justify
You have more than likely used the text-align CSS property in your projects - but today we're going to take a look at the "justify" value.

Improving receipt UX
As a developer, you've probably built web forms at some point in time - but have you properly optimized them?

Cut your forms in half
As a developer, you've probably built web forms at some point in time - but have you properly optimized them?

First letter pseudo element
Set specific styling for the first letter of a text element with this handy and fully supported CSS pseudo element.

Minimal CSS: Dropdown menu
Simple demo on how to develop CSS menu dropdowns with as little code as possible, while still maintaining proper accessibility support.

CSS Character unit
Set the minimum or maximum length of text elements by using the helpful character unit CSS attribute.

Browser history sucks
The default browser history user experience is pretty awful. Search is limited, forcing users to remember exact dates of their visited sites - but we can improve this.

Yes, I still use jQuery
It isn't the "latest and greatest" library out there. Some even claim that the jQuery is "dead" - but not for me.

CSS value: current color
Taking a look at how to best use the very overlooked currentColor CSS value type in your projects.

CSS: Indenting text
Implement better typography styling by taking advantage of the extremely useful CSS text-indent property.

Simple Does Not Mean Ugly
Designers often conflate the concept of "simple design" with "minimalism". The two are not mutually exclusive.

Skip to content button
A quick demo on how to improve your site's overall accessibility by including a skip to content button.

Prescription form UI improvements
Breaking down the process on redesigning a web form for prescription glasses from a purely visual UI perspective.

Animated card tiles
In this tutorial we explain step-by-step how to build out tiled cards that animate with user interaction using pure CSS.

Easy toggle switches
Using only CSS, we can create beautiful toggle switches in place of the default browser radio or checkbox inputs.

Super Mario blocks in CSS
Ever wanted to recreate the Super Mario blocks in CSS? Of course you have! In this tutorial we will breakdown how to do just that, step-by-step.

Proper UI hierarchy
Current industry trends such as flat or material design have placed accessibility and visual hierarchy as secondary requirements. Hopefully we can start to fix that.

Tabbed content without JavaScript
Learn how to implement tabbed navigation content without the need to use plugins or any kind of JavaScript.

Easy custom radio inputs
Let's face it - the default browser styling for radio inputs is terrible. In this article we breakdown how to create beautiful radio options with just CSS.

Basic gulp build for Sass
My own personal gulp starter file used for most of my projects when compiling and processing Sass.

Better box-shadows
Further improving on the default browser box-shadow styling with a little help from well-placed pseudo elements.

Preprocessors like Sass and Less have made development much easier, but you should always be careful not to go overboard with CSS nesting.

Using parent selectors in CSS
Find out how to target an element's parent directly in CSS by using two simple JavaScript packages.

Width or flex-basis?
Is it better to use width or flex-basis for layouts in CSS? Let's breakdown the most common use cases for each and how to implement them.

Adaptable flexbox grid
The days of overly complex grid systems are gone. Learn how to create adaptable grid systems with flexbox using barely any CSS.

What happened to self-hosted blogs?
Platforms like Medium have made most original self-hosted blogs a thing of the past. Personally, I think this is terrible for the blogging community as a whole.

Pure CSS simple dropdown plugin
A simple, JavaScript-free way to implement a custom styled, plug-and-play select dropdown with pure CSS.

Simple accessibility
Breaking down a few accessibility improvements that you can easily implement into all your current and future web projects.

Using multiple CSS background images
Somewhat unknown in the CSS community is the ability to have multiple background images set on an element.

Setting up a free SSL
All websites should be using SSL and there is no excuse not to have it setup. Let me show you how to easily add a free SSL certificate to any project.

CSS video backgrounds
Safari is actually ahead of the game for once, allowing developers to set video files as background property attributes in CSS.

CSS variables
CSS preprocessors have allowed developers to use variables for quite some time, but we now have the ability to use these properties in plain vanilla CSS.

Stay hungry
As designers and developers, we need to keep pursuing what interests us about our industry. Staying passionate can help fuel your ambition.

Open source typeface pairings
Using premium fonts in your projects is wonderful, but can sometimes fall outside your budget. Here are a few of my personal favorite open source typefaces.

ET-Jekyll theme
Inspired by the book and handout designs of Edward Tufte, I created an open source Jekyll theme to based off of Dave Liepmann's Tufte CSS.

Chasing performance
A detailed explanation of how I improved my personal blog's overall performance, while also increasing the average time to paint.

The death of personality
Original design in our industry has greatly declined since the introduction of "flat design". We as designers and developers need better standards going forward.

Unsolicited design review - Dropbox
A personal review and critique of the "new" Dropbox product and brand redesign. I'm not sure what the hell they were thinking on this one.

Goodbye CSS preprocessors
Moving away from being so dependent on CSS preprocessors might just help you improve your skillset as a developer. Working with vanilla CSS can be great.

Designers need thicker skin
Our design industry needs to stop being so fragile and weak when it comes to critical analysis of our work. Stop getting triggered over critics.

The wonders of text ellipsis
The text ellipsis CSS property can be extremely useful for keeping your content contained without the use of ugly fixed widths or heights.

Aqua UI CSS buttons
A quick tutorial showing how to easily recreate the original MacOS aqua UI buttons in pure CSS.