programming

The minimum viable product

A stripped-back, simple WordPress theme for my personal website, which I can begin extending as and when I have the time.

An easy introduction to WordPress plugins with PHP classes

There are many copy-and-paste examples of how to write your own functions and apply them through WordPress’ hooks and actions. But with a little simple knowledge of PHP’s namespace syntax, developers who regularly work on WordPress projects can make their lives a lot easier, whilst making their code much more robust, portable and secure. The first thing to… (Read More)

Website: Gemeinde Interlaken

Eleven years later, and Interlaken Town Council are still using the website I built for them. It may not be programmed for optimal use on mobile devices, pre-dating the iPhone by three years, but it still works flawlessly.

Avoiding specificity issues in CSS

Holy moly. What a discussion we’ve gotten into over on Twitter about CSS specificity, BEM, and inheritance. I wrote yesterday that the idea is flawed and tries to work around problems which aren’t actually problems at all, but part of the language of CSS. As Duncan noted: the problem is actually, “people write bad CSS”. Dirk from… (Read More)

Why using BEM for your CSS is a bad idea

I came across the BEM (Block, Element, Modifier) technique for CSS coding today. On reading half a dozen basic introductions to the technique, I saw immediately that the concept is based on weak coding principles, not code simplicity and reusability.

A website is never finished

You start off with an idea, progress it to a concept, make a design, fiddle with it for too long, then turn it into a working prototype. If all goes well, then you’re in for a couple more rounds of revisions and improvements, then the site gets filled with content and you launch the site.… (Read More)

Can I Use…?

The most useful website I’ve found to use over the past year for front-end web development is “Can I Use” by Alexis Deveria.

Shut up about responsive design

The term “responsive design” refers to the fact that a website is suitable for viewing on any device, from a smartphone to a super-sized t.v. screen. But is it actually important, nearly four years after the requirement became prevalent, that this term is still applied when selling a project to a client?

Help navigating breakpoints when coding responsive layouts

If you’re like me, a web developer, and programme responsive web layouts using @media queries, you’ll often get lost knowing precisely which set of rules are currently applied to the page. Here’s a handy tip to make things easier.

The Six Year Itch

I have finally been able to completely re-build this website from the ground up, using responsive design principles and many new features. This first technical post summarizes the reasons behind the need for a new version.