Michael Douglas Brett - Web Development

Hi, I'm Michael. I'm a front-end web developer based in the UK. This is my site.

Duplicate!

JavaScript FEDIQ

May 30th 2016

I've had a busy couple of weeks, so I'm going to phone this one in a little bit. The original problem was 'Make this work: duplicate([1,2,3,4,5]) // ([1,2,3,4,5,1,2,3,4,5])'. Click the 'Full post' link to discover this one weird trick to concatenate arrays...

Full post >>

Data Attributes! (What are they good for?)

FEDIQ HTML

May 5th 2016

Back to the FEDIQ, and this is my second attempt at answering this question. My first draft got swallowed by software update drama, which, let's be honest is unforgivable (of me). Anyway, 'What are data- attributes good for?' Absolutely some things!

Full post >>

Inspiring Online

Web

Apr 13th 2016

I have a set of bookmarks in my browser that I flick through when I am looking for some inspiration on the web. This curated site from Tim Holman (and others) is a definite keeper: a lot of strange but technically and technologically brilliant stuff here. I don't think I'd have ever found hands.wtf without it.

Inspiring Online

No Stairway! Denied!

FEDIQ JavaScript CSS

Apr 7th 2016

A short-but-sweet FEDIQ hit today:

'Create a for loop that iterates up to 100 while outputting "fizz" at multiples of 3, "buzz" at multiples of 5 and "fizzbuzz" at multiples of 3 and 5'

Yup, it's FizzBuzz.

Full post >>

Events!

FEDIQ JavaScript DOM

Mar 30th 2016

It's Front End Developer Interview Question time! This installment is brought to you in association with our good friends at left-pad.io. I've looked ahead and decided that I'm going to take this one as a twofer: 'Explain event delegation' and 'Describe event bubbling'. Why not?

Full post >>

What Are The Differences Between Classes And IDs?

FEDIQ CSS

Mar 16th 2016

Another week(ish), another question from the Front End Developer Interview Questions. The original question was: 'What is the difference between classes and IDs in CSS?', but I'm going to stray slightly out of bounds and talk about IDs and classes in terms of HTML and the DOM as well. There are two reasons for this:

Full post >>

Progressing Our Layouts

CSS

Mar 15th 2016

Here is a talk from this year's EnhanceConf by Jen Simmons on progressive enhancement and using new or under-supported properties in your layouts. It's a very effective talk, one that really drives home the value of craft. This line stood out:

I hope we go back to hand writing our own CSS for this.

I definitely want to focus more on handrolled solutions this year.

Progressing our Layouts

Front End Developer Interview Questions

FEDIQ HTML

Mar 2nd 2016

The repo Front End Development Interview Questions (FEDIQ) is a pretty famous one - starred over 20k times and even featured on an episode of The Changelog. I've mooched through it once or twice and absent-mindedly had a stab at answering the questions, generally responding to things like 'What does a doctype do?' with 'oh, you know...' and then just moving on to the next question or clicking away to something else. Everyone knows what a doctype does anyway...

Full post >>

The More Things Change, The More They Stay The Same

Gulp UNIX Programming

Jan 11th 2016

I recently rebuilt my site, having been shamed into it by this article (I was a textbook case). I took the opportunity to put together as many of the skills I had learnt up to this point.

Full post >>

The Jacob's Ladder of Coding

Web Programming

Dec 16th 2015

I don't spend much time on Hacker News, but I checked it out recently and saw this article about moving up and down the ladder of abstraction in computer programming.

Full post >>