My entry for JS1K 2015 is a scrolling shooter inspired by the iconic arcade game, Defender. This post explains the techniques I used to squeeze the game into 1024 bytes.
Webkit will render an element differently when the responsibility of painting it is passed from the CPU to the GPU. This article looks into the rendering artefacts.
A new open source version of Google Analytics Debugger is available on github
This year I decided to write something for the JS1K competiton. My entry is based on a game from my childhood called Thrust.
How to calculate vertex data for elements transformed in 3D space using CSS and demonstrate how to use this data to shade elements using a light source.
How to style elements in the first and last rows of a balanced or unbalanced CSS grid using CSS selectors.
An update to my Google Analytics Debugger add-on for Firefox. This post details the latest changes.
An experiment in creating a 3D environment using HTML elements and CSS transforms featuring lights, shadows and collision detection.
Working with CSS 3D transforms has revealed various bugs and inconstancies across all browsers. This article documents my findings.
An alternative method for writing IE specific style rules without having to move them into separate files.
I’ve been looking into ways to modify elements before DOMContentLoaded so that enhancements can be made the instant an element is rendered to the screen.
My approach to serving responsive images. This technique uses a cookie to pass the dimensions of the browser viewport to a server along with the image request.
This article documents an interesting side effect in Internet Explorer when assets are downloaded if mixed with conditional comments.