Clik here to view.
Improving receipt UX
There was a pretty interesting article posted a couple days ago about rethinking the standard receipt design that I found quite compelling. Although, as good as the concept is, I think it can be...
View ArticleText Align: Justify
The text-align property is fairly well known in the world of CSS, even among those just starting out with the language. Values such as center, left and right are used often with this property, but a...
View ArticleNews Websites Are Dumpster Fires
Online news outlets are a dying breed and many users have decided to consume information elsewhere. Why? Because the news industry has become a cesspool of anti-consumer and blackhat practices that has...
View ArticleUsing user-select
Highlighting text in order to copy, cut or paste content is a staple action across the web. Now, what if I told you the ability to control what a user can select is configurable with a single CSS...
View ArticleWrite HTML Like It's 1999
I'm sure it's safe to say that most developers love to use the latest and greatest web tools available. Helpful resources such as preprocessors, template engines, syntax formatters - you name it - can...
View ArticleMaking Tables Responsive With Minimal CSS
Update (Oct 2019): @aardrian wrote a previous post about how changing the display properties on tables can impact screen readers. I highly recommend his excellent article Tables, CSS Display...
View ArticleUsing Hamburger Menus? Try Sausage Links
When designing medium to large sized menu navigations on the mobile web the default go-to, for some time now, has been hamburger menus. This isn't necessarily a bad thing, but there is a simpler...
View ArticleClik here to view.
Publishing Simple Books With Jekyll
When thinking about writing, designing and ultimately publishing an ebook, most people don't think of using a static site generator. Having products like Amazon Publishing, LaTeX or even Microsoft Word...
View ArticleClik here to view.
They Won't Wait: A Warning for Slow Websites
Your website is probably slow. I'm not trying to make you feel bad or dismiss all the hard work you've put into your project. Heck, performance might have been a core value of the design. But websites...
View ArticleClik here to view.
Using HTML Validator Badges Again
There was a time on the Internet when websites wore badges of honor, declaring that their code was semantic and followed the W3C guidelines. The validators we used weren't great (and still aren't...
View ArticleClik here to view.
Dear Google, I'm Blocking You From My Website
I have pretty strong opinions about "dark patterns" on the web. I hate obtrusive advertisements, 3rd party trackers, anti-UX modals and pop-ups, hidden data collection - the list goes on and on. I...
View ArticleStyling Empty Table Cells
Often when designing tables on the web you're bound to come across empty pockets of data. These will be rendered as "blank" table cells, which isn't always the intended outcome. Let's take a quick look...
View ArticleDynamic Checkboxes
Checkboxes are used quite frequently on forms across the web. Whether you're selecting a pricing plan during a site's sign-up process or just simply selecting to opt-out from a newsletter, you have...
View ArticleBeing More Efficient as a Designer & Developer
I recently began working on a small side project (a marketing site / blog for an upcoming UX book I'm writing, but I have nothing to promote yet - sorry) and found myself circling around different...
View ArticleClik here to view.
Plain Text Emails, Please
When it comes to website / product design and development most devs should try to keep things simple. By only using as much code as absolutely necessary, projects avoid growing out of scope or becoming...
View ArticleClik here to view.
Stop Using Sticky Navigation on Mobile
Stop styling your web elements to be "sticky" on mobile. This creates a horrible experience for your users and also looks like trash from a UI perspective. TL;DR Don’t style your navigation (or any...
View ArticleClik here to view.
Improving Tufte for Jekyll
After creating the ET-Jekyll theme almost two years ago, I finally got around to revamping the structure and improving a lot of minor performance issues.IntroductionsI’ve always been a sucker for...
View ArticleClik here to view.
Improving Tufte CSS for Jekyll
After creating the ET-Jekyll theme almost two years ago, I finally got around to revamping the structure and improving a lot of minor performance issues.IntroductionsI’ve always been a sucker for...
View ArticleClik here to view.
Very Basic Form Styling
.form-showcase { background: papayawhip; padding: 10px; } .form-showcase legend { font-family: "Helvetica", "Arial", sans-serif; font-size: 80%; font-weight: 600; text-transform: uppercase; }...
View ArticleBilling for One CSS Change
Every second you spend working as a designer should be billed back to the client. A simple button color change? Bill them. Additional links added to an existing menu? Send that invoice over. Some basic...
View Article