Tagged in: Design

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.

Tagged html css design

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.

Tagged html css design

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.

Tagged css interface design

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.

Tagged html css design

Better box-shadows

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

Tagged css design

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.

Tagged css design

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.

Tagged css design

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.

Tagged design

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.

Tagged html css design

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.

Tagged design development

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.

Tagged css design