web development

Simple CSS specificity rule guide

There are a few ways to apply CSS styling rules to an element. Each one is less or more specific than another. Applying a rule using a class selector when you’ve applied a different rule using an ID selector won’t work. Batificity isn’t the CSS specificity guide you deserve, but…

16th February 2017 | Read more »

Responsive imagemap with interactive highlighting function

A short post to help anyone who is looking to implement a responsive HTML imagemap, which also features an interactive highlighting function.

16th February 2017 | Read more »

Using WordPress template parts for my new WordPress theme

The new WordPress theme running this website has been improved by the use of WordPress' get_template_part function.

20th December 2016 | Read more »

The JavaScript argument is racist

The battle royal du jour in the web development community is the argument of whether websites should be built with a JavaScript-based technology like AngularJS, Node.js or React, or using the classic composition of HTML and CSS, then extending it with JavaScript for those browsers which support it. Without reading the detailed arguments…

14th October 2016 | 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.

23rd June 2015 | Read more »

Adding diagonal edges to HTML elements

Using CSS pseudo elements to add diagonal borders and edges to the sides of block level elements.

10th December 2014 | Read more »

CSS Reset done properly

A CSS Reset (or “Reset CSS”) is a short, often compressed set of CSS rules to reset the styling of HTML elements to a consistent standard. I've rolled my own; based on my own experience of CSS programming over the past fourteen years and based on other, well-known reset files.

12th September 2014 | 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.

10th September 2014 | Read more »

Lessons from the Big Web Show

Lessons learned about working in the web whilst listening to the Big Web Show podcast. From keeping a project on track to dampening down your ego a little.

11th October 2013 | Read more »

Serving a multilingual website audience

The latest article at A List Apart is a must-read for anyone serious about developing and running a website which should attract visitors who speak languages other than English.

4th December 2012 | Read more »

New programming techniques in my daily workflow

While my main hobby in my private life is photography, I earn my living through programming websites. Since moving to !frappant back in April last year - has it really been a year already?! - I've been striving to learn as many new techniques as possible. It's been a particular goal to get out of the technical lull which came about due to an excess of concept work and a lack of programming at B-M, and I've already found that the long hours I put in last year - in particular for the Bike To Work project, which is currently running at full pelt - have paid off. I'm up to speed with TYPO3 development, although upcoming newer versions and new core concepts are going to mean more time re-learning the basics. That's one of the great things about the job though; you're never "done", there are always new things just around the corner.

11th April 2012 | Read more »

Standards-based, cross-platform web development is the future

If you're a web developer, checking that you use the standards of the web and valid code will make your life infinitely easier. By planning now for a standards-based future and focusing on HTML5 and its associated technologies, you'll be building for the future: not just saving yourself time, but also making sure that the work you do can be completed efficiently and with less fuss. As any developer knows, this is the most valuable aspect of any plan for the future in their eyes.

10th November 2011 | Read more »

Responsive design using CSS and Javascript

I wanted to make my first foray into HTML5, improve my dynamic scripting skills, and turn the WordPress knowledge I gained during the EMEA project for Burson-Marsteller to my own advantage at the end of 2010, so I re-designed and re-programmed my online portfolio using the most up-to-date techniques possible.

24th January 2011 | Read more »

Feeding the needs of fickle fans

A report in U.S. advertising publication Advertising Age a little while ago highlighted the interesting fact that for many companies, a presence in social media network Facebook is becoming statistically more popular than their own brand websites. However this change of tack may not necessarily be the best solution for businesses keen to promote their products and services.

3rd November 2010 | Read more »

Why opening new browser windows for external links is pointless

Don't you just hate it when you've been using the internet for a little while and you have a mass of browser windows to battle with? Where the hell did that website go, that you were looking at earlier? Both of these annoyances are entirely unnecessary, and this article explains why.

12th November 2009 | Read more »