Another site rebuild
Another day another personal blog rebuild. This time I’ll definitely spend more time writing content than tweaking the CSS. At least this time I’ll post some of my notes as I go…
-
Tweets as postcards
I did an experiment trying to make my old Tweet archive look like postcards. It’s a nice aesthetic if you’re on a PC, but less easily readable on mobile. This really needs to be backed out. It will, eventually.
I was particularly proud of the ‘smudged’ postmark on the stamp. All done with CSS :)
…Read more -
Skeumorphic, Moi?
Best wwwebsite ever! ✊
It’s going to look like the coolest fucking shelf of penguin books you’ve ever seen. At least, it will eventually…
From the home page, every folder or article, or experiment page will present as cool 70s penguin book cover. Once inside… something a bit more like a typed page… but, I’m not too worried about that.
Structure
Cover grid
There’s an underlying grid to the typical penguin layout
…Read more -
Useful links
Matrix transforms
Found this useful matrix transform toolangrytools.com, handly for getting the transforms right on my ‘covers’ on the index page. Each book is ever-so-slightly on the wonk.
Grainy gradients
I was trying to add a little grain to my gradients on the book covers. The awesome folks at CSS-TRICKS had my back, even if I decided not to use it in the end.
…Read more -
Book covers
A while back, I gave myself the task of redesigning my website (again). Originally my vision was to re-create a whole load of vintage book covers specifically inspired by vintage penguin paperbacks.
Now I’m at the stage of feeling pretty pleased with what I’ve done so far, but before I go any further I need to start testing what I’ve built already. As ever, it’s only when you start to test that you begin to realise how many variations you’ve built into what feels like a relatively simple design system.
…Read more