Bradley Taunt
Front-end devsigner

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.

Over-nesting

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.