Using CSS to honour visual preferences

At the beginning of October, I attended both ViewSource and Fronteers Conferences in Amsterdam (write up to come still). One of the many takeaways from those conferences was from a talk by Melanie Richards, a member of the Microsoft Edge platform team and participant of the W3C web standards communities, including the CSS Working Group.... Continue Reading →

Excellent Adventures in CSS Grid – ON TOUR!

Recently I did my first talk for about two years at Milton Keynes Geek Night, I was really nervous after such a long break but thoroughly enjoyed it! So much so I decided to take my talk on tour! Which is exciting! 🙂 There is a lot of code examples and links to extra reading... Continue Reading →

CSS Multicolour border and gradient

Recently I was asked to create a container that had a top border with a gradient applied to fade the border from blue to purple. But, the container also needed a background gradient that matched the border, and also faded out to white before the content started. Like this: There are lots of ways to... Continue Reading →

Specificity and why its !important

I don't often share internal training notes, but this is one I'm especially proud of. Mostly because I found a way to tie in Lego Star Wars 🙂 The Scenario Each Friday the office all have bacon butties, which is an incredibly nice gesture, during that time we often do some internal training across all... Continue Reading →

Using CSS GRID with Magento 2 Layouts

Building a bespoke CSS framework compatible with Magento 2, with fallbacks to the Snowdog Blank SASS theme has been an exciting challenge. Mostly because I've had the opportunity to play with some of the new features coming through in CSS. Possibly the most important of those new features is GRID CSS (now with added browser... Continue Reading →

Create a free website or blog at WordPress.com.

Up ↑