I remember when I first saw Paddy’s illustration for this year’s dConstruct site, I thought “Well, that’s a design direction, but there’s no way that Graham will be able to implement all of it.” There was a tight deadline for getting the site out, and let’s face it, there was so much going on in the design that we’d just have to prioritise.
I remember when I first saw Paddy's illustration for this year's dConstruct site, I thought "Well, that's a design direction, but there's no way that Graham will be able to implement all of it." There was a tight deadline for getting the site out, and let's face it, there was so much going on in the design that we'd just have to prioritise.
I underestimated Graham's sheer bloody-mindedness.
I love that. Even with the focus on the gorgeous illustration and futuristic atmosphere of the design, Graham took the time to think about the absolute basics: marking up the content in a logical structured way. Everything after that—the imagery, the fonts, the skewed style—all of it was built on a solid foundation.
There's plenty of CSS trickery going on:
opacity. But for the icing on the cake, Graham reached for
canvas and programmed space elevator traffic with randomly seeded velocity and size.
Oh, and of course it's all responsive.
So, putting that all together...
The dConstruct 2015 site is gorgeous, semantic, responsive, and performant. Conventional wisdom dictates that you have to choose, but this little site—built on a really tight schedule—shows otherwise.
This was originally posted on my own site.