Archive

When is :focus-visible visible?

21 March 2023 #css

From Ghost to 11ty

22 February 2023 #articles #11ty

Web Performance Metrics Cheatsheet

25 October 2021 #performance

Setting up a Decentralised Website (ENS + IPFS = dWeb)

18 June 2021 #web3

Highlights from Chrome Dev Summit 2020

14 December 2020 #conference

What I wish I knew about React

28 April 2020 #react

How I created 488 "live images"

26 November 2019 #javascript

Highlights from Chrome Dev Summit 2019

18 November 2019 #conference

How to use Puppeteer in a Netlify (AWS Lambda) function

28 October 2019 #javascript

Calling smart contract functions using web3.js - call() vs send()

03 September 2019 #solidity #web3

Solidity function visibility, explained

27 August 2019 #solidity

Your first performance budget with Lighthouse

28 May 2019 #performance

Removing duplicate objects from an Array (is hard)

12 March 2019 #javascript

Tips for making interactive elements accessible on mobile devices

12 February 2019 #accessibility

Revisiting the abbr element

05 February 2019 #accessibility

What self.skipWaiting() does to the service worker lifecycle

29 January 2019 #javascript #pwa

What is tree shaking and how does it work?

22 January 2019 #javascript

Use the :lang pseudo-class over the lang attribute selector for language-specific styles

16 January 2019 #html #css

A Siri Shortcut to Generate PWA Icons and Web App Manifest

25 December 2018 #pwa

Understanding the Virtual DOM

24 December 2018 #javascript

My CSS Reset/Base

21 December 2018 #css

Making the abbr element work for touchscreen, keyboard, and mouse

20 December 2018 #css #html #accessibility

Handling broken images with the service worker

19 December 2018 #javascript

A one-line solution to highlighting search matches

18 December 2018 #javascript

There’s no reason to use pointer-events for HTML elements

17 December 2018 #accessibility

Using aria-live

14 December 2018 #accessibility #html

Cache API 101

13 December 2018 #javascript

The visibility property isn’t just about visibility

12 December 2018 #css #accessibility

When do the :hover, :focus, and :active pseudo-classes apply?

11 December 2018 #css

What is the Shadow DOM?

10 December 2018 #html

Going Offline First (Video Series)

05 December 2018 #javascript #video

A look at CSS Resets in 2018

30 November 2018 #css

How and when to use the tabindex attribute

29 November 2018 #html

Everything about CSS environment variables

28 November 2018 #css

Git aliases for lazy developers

27 November 2018

What, exactly, is the DOM?

26 November 2018 #html

How to upload a screenshot from Puppeteer to Cloudinary

23 November 2018 #javascript

Using a headless browser to capture page screenshots

22 November 2018 #javascript

Why and how to use WebP images today

21 November 2018 #html #performance

Web workers vs Service workers vs Worklets

20 November 2018 #javascript

You might not need a loop

19 November 2018 #javascript

Highlights from Chrome Dev Summit 2018

16 November 2018 #conference

What is First Input Delay?

15 November 2018 #performance

Learning to write again

14 November 2018

Understanding the difference between grid-template and grid-auto

09 October 2018 #css

[Smashing Magazine] Creating The Feature Queries Manager DevTools Extension

23 May 2018 #web extension #external

How display: contents; Works

27 March 2018 #css

Recreating the GitHub Contribution Graph with CSS Grid Layout

23 January 2018 #css

What’s New in HTML 5.2?

08 January 2018 #html

Localisation and Translation on the Web

23 November 2017 #html

Web Push Notifications with Firebase (Video Series)

18 September 2017 #video #javascript

Accessibility Testing with pa11y

15 August 2017 #accessibility

What's the Deal with Collapsible Margins?

04 July 2017 #css

How the minmax() Function Works

06 June 2017 #css

CSS Animations vs the Web Animations API: A Case Study

03 May 2017 #css #javascript

How I Animated the bitsofcode Logo with CSS

26 April 2017 #css

Asynchronous Functions 101

13 April 2017 #javascript

Redesigning bitsofcode

27 March 2017 #design #performance

Making Alix, a Chrome Extension for Linting HTML

14 March 2017 #javascript #web extension

Linting HTML using CSS

07 March 2017 #html #css

Asynchronous vs Deferred JavaScript

28 February 2017 #javascript #performance

"What's the typeof null?", and other confusing JavaScript Types

21 February 2017 #javascript

Optimising GIFs for the Web

14 February 2017 #performance

CSS Grid Layout Terminology, Explained

07 February 2017 #css

How calc() Works

31 January 2017 #css

Rules for Using ARIA in HTML

24 January 2017 #accessibility #html

Understanding the Critical Rendering Path

17 January 2017 #performance

3 New CSS Features to Learn in 2017

10 January 2017 #css

Making a Polymer Element for CanIUse Embed

20 December 2016 #javascript #polymer

An Overview of Client-Side Storage

13 December 2016 #javascript

Document Outlines in HTML 5.1

06 December 2016 #html #accessibility

Making "Blue Beanie Me"

29 November 2016 #accessibility #javascript

Highlights from Chrome Dev Summit 2016

22 November 2016 #javascript #conference

for..in versus for..of Loops

15 November 2016 #javascript

Challenge - Recreating the iTunes Library

08 November 2016 #css #javascript #challenge

Tools for Developing Accessible Websites

01 November 2016 #accessibility #tools

Push Notifications on the Web (Building a PWA, Part 3)

25 October 2016 #javascript #pwa

"Instant Loading" with IndexedDB (Building a PWA, Part 2)

18 October 2016 #javascript #pwa

“Offline First” with Service Worker (Building a PWA, Part 1)

11 October 2016 #javascript #pwa

Alternative Text and Images

04 October 2016 #html #accessibility

Variable and Function Hoisting in ES2015

27 September 2016 #javascript

The New System Font Stack?

20 September 2016 #css

JavaScript Promises 102 - The 4 Promise Methods

13 September 2016 #javascript

nth-child vs nth-of-type

06 September 2016 #css

Toast.js, a Library for Toast messages

23 August 2016 #javascript #css #html

Making botsofcode - An Introduction to Twitter Bots

16 August 2016 #javascript

JavaScript Array Methods - Mutator Methods

09 August 2016 #javascript #video

Creating An Accessible Modal Dialog

02 August 2016 #html #accessibility #javascript

The Background Properties

26 July 2016 #css

The Service Worker Lifecycle

19 July 2016 #javascript #pwa

JavaScript Promises 101

12 July 2016 #javascript

The :target Trick

05 July 2016 #css

All the Generic CSS Data Types

28 June 2016 #css

Realtime Form Validation

21 June 2016 #javascript #video

Form Validation Techniques

14 June 2016 #javascript

Anchors vs Buttons

05 June 2016 #html #accessibility

Making Messenger Hunt - An Introduction to Messenger Bots

31 May 2016 #javascript #projects

The box-shadow Property

24 May 2016 #css

Using Jekyll for Rapid CSS Testing

17 May 2016 #css

Setting up a Basic Service Worker

10 May 2016 #javascript #video #pwa

Making IFrames Responsive

26 April 2016 #javascript

Initial, Inherit, Unset, and Revert

19 April 2016 #css

A Gulp Workflow for Building HTML Email

12 April 2016 #javascript #html

The Problem with iOS Safari and shrink-to-fit

05 April 2016 #html

The Holy Grail Layout with CSS Grid

29 March 2016 #css

Better Detection and Analytics for Opera Browsers

22 March 2016 #analytics

On :not and Specificity

15 March 2016 #css

Styling Broken Images

08 March 2016 #css

Challenge - Recreating Clear with Pure JavaScript

01 March 2016 #javascript #challenge

6 Reasons to Start Using Flexbox

23 February 2016 #css

Making KhaledBot - An Introduction to Slack Bots

16 February 2016 #projects #javascript

The One CSS Feature I Really Want

09 February 2016 #css

Responsive Images - The srcset and sizes Attributes

02 February 2016 #html

Creating an Embed for CanIUse

26 January 2016 #projects #javascript

The Effect of Importance and Origin on CSS Specificity

19 January 2016 #css

Labelling Form Elements

12 January 2016 #accessibility #html

WTF Opera Mini?!

22 December 2015 #accessibility

Controlling Typography in CSS

15 December 2015 #css

The vertical-align Property

08 December 2015 #css

Tic Tac Toe (Revisited)

01 December 2015 #projects #javascript

3 Useful and Reusable SASS Mixins

24 November 2015 #css

From Jekyll to Ghost

17 November 2015 #articles

Using System Fonts in the Browser

10 November 2015 #css

Understanding border-image

03 November 2015 #css

How Positioning CSS Properties Interact

27 October 2015 #css

How z-index Works

20 October 2015 #css

HTML For Screen Readers - Labelling Elements

13 October 2015 #html #accessibility

Using Heading Elements to Create a Document Outline

06 October 2015 #html #accessibility

Sectioning Content in HTML5 - div or section or article?

29 September 2015 #html

The Style Element

15 September 2015 #html

InstaChrome - A Google Chrome New Tab Extension

08 September 2015 #javascript #web extension

Alternatives to Floating

01 September 2015 #css

Custom, Scriptless, and Trackable Social Media Share Buttons

25 August 2015 #html #javascript

Working with Colour in CSS

18 August 2015 #css

How Floating Works

11 August 2015 #css

Building Designer News for Pebble

04 August 2015 #javascript #projects #pebble

A Simple Gulp Workflow

28 July 2015 #javascript

Hiding Elements With CSS

21 July 2015 #css

jQuery UI Events Cheatsheet

14 July 2015 #javascript

A More Accessible Multi-Level Dropdown Navigation

07 July 2015 #css #html #javascript #accessibility

Controlling The Box Model

30 June 2015 #css

Pseudo-Classes, Pseudo-Elements, and Colon Notation

23 June 2015 #css

Designer News Clone (Part 2) - Implementing Firebase Security

16 June 2015 #javascript #projects #firebase

5 Lesser Used CSS Selectors

09 June 2015 #css

The Accessibility Cheatsheet

06 June 2015 #html #accessibility

Viewport vs Percentage Units

26 May 2015 #css

Building a Designer News Clone with AngularJS and Firebase

19 May 2015 #javascript #projects #firebase #angularjs

CSS Vendor Prefixes

12 May 2015 #css

Working With Document Alternates

05 May 2015 #html

FormHack.io - A Hackable CSS Form Reset

28 April 2015 #css #projects

All About Favicons (And Touch Icons)

21 April 2015 #html

Payback - An Instagram Based Web App

14 April 2015 #javascript #projects

CSS Font Sizing

04 April 2015 #css

Responsive Design With Viewport Control

31 March 2015 #css #html

Tic Tac Toe

24 March 2015 #javascript #projects

Meta Charset

17 March 2015 #html

The Value of Blogging

16 March 2015 #articles

Doctype

10 March 2015 #html

Hello, World!

03 March 2015 #articles #html