Website Redesign Part III - A Base to Start From

I’m trying to keep the CSS as minimal as possible here, but I do want a decent blank slate to work from. So I’ve normalised browser styles with normalize.css and set up some of my own base styles.

• Reset some basic styles to the way I like them.
• Set up some variables and use them for base colours and typography.
• Remove styles from all lists that have a class - they’re probably part of the UI, not the content.
• Remove styles from links that have a class - same reason.
• Set default link styles for body copy.
• Remove all animations and transitions for people that prefer not to see them.

I’m sure these will change over time, but here they are for now…

A starting point for article typography

Since I’m writing on this site now, there’ll be a lot more written content. My Content-first value means I should probably start with that, while my Simplicity value means I should probably ignore layout and start by making the article copy as beautiful and readable as I can.

So taking a leaf out of Frank Chimero’s book, I’m starting with a very very simple set of styles for my articles.

I’ll focus in on this soon but until I choose a better typeface, --font-copy is set to Georgia. Like Frank, I still like it.