‘css’

For over fifteen years, my blog and Unfinished Business podcast have been popular with website designers and developers.


A quick shot of gradient text and text-shadow

While I was researching typefaces for a new project, I came across Dalton Maag’s case study for Universal TV. The type is beautiful, of course, but it was their graphics which got my attention.

Art Direction For The Web Using CSS Shapes: Article on Smashing Magazine

Last year, Rachel Andrew wrote an article that took a new look at CSS Shapes in which she reintroduced readers to the basics of using CSS Shapes. In a new tutorial for Smashing Magazine, I expand on the topic of Art Direction for the Web with CSS Shapes to create exciting and inspired new design ideas.

Designing your website like it’s 2018

It’s 20 years to the day since my wife, and I started Stuff & Nonsense, our little studio and my outlet for creative ideas on the web. Over on 24ways, it’s also my fourteenth article, this time how to Design your site like it’s 1998. It’s a tongue-in-cheek look back at how we developed websites when I started my company, complete with not so old favourites like font elements, frames, layout tables, and spacer gifs.

Redesigning your product and website for dark mode

If, on the off chance:

You’ll have noticed that I’ve implemented a brand new dark mode version of my website.

Batificity

If you liked my Specificity Wars, you’re going to love Mandy Michae’s Batificity.

Using multiple :not() selectors

Here’s a quick entry about something I learned just this week about :not() pseudo-class selectors and how to combine them.

New article on Smashing Magazine: Art Directing For The Web With CSS Grid Template Areas

It’s been a while since I’ve written seriously, but since I started working on my new ‘Art directing for the web’ book, I’ve got the bug. So when Smashing Magazine asked me to write for them again, I couldn’t resist. My latest article, on ‘Art Directing For The Web With CSS Grid Template Areas’ was published today and I’m very pleased with how it turned out. You can read it here.

Using entities as separators in breadcrumb navigation

Over the next few weeks, I’m going to share some of the things that I’ve learned while designing and developing Inspired Guides, starting today with using HTML entities as separators in breadcrumb navigation.

Join me in Berlin for a new ‘CSS3 For Responsive Web Design’ workshop

In all my travels I’ve not yet been to Berlin. That’s changing in November when I’ll be appearing at the fabulous beyond tellerrand.

Zoe Gillenwater on Leveling Up With Flexbox

I’ve wanted to meet Zoe Gillenwater for years and have just watched her at Smashing Conference in Oxford give the best presentation of the conference on flexbox progressive enhancement.

Her message was, you may not use Flexbox for whole page layout due to legacy browser issues, but there’s no reason not to use it for enhancing interface elements. She’s followed that up with links and resources. I’m going to have a hard time following that at my workshop tomorrow.