My experience implementing service workers to cache and serve content offline.| MadeByMike
Me thinking about component-based architecture for CSS in 2014, before I knew what to call it.| MadeByMike
Sometimes it’s a little confusing what the difference between shortcodes, data and filters really is, and frankly the boundaries can become a little blurred with 11ty.| MadeByMike
My attempt to modernise some learnings from CSS architecture and apply them in the context of modern JavaScript applications.| MadeByMike
My attempt at a very basic explanation of the 'this' keyword in JavaScript.| MadeByMike
There are some interesting differences between how currentColor and custom properties work. Both are examples of dynamic properties in CSS but how they are resolved differs in some very important ways. I recently came across an example of this that had me scratching my head for a while.| MadeByMike
A very tongue-in-cheek article about why jQuery is good for the web.| MadeByMike
A little pattern I wanted to share for creating bulletproof icons.| MadeByMike
Some early experiments with WebRTC.| MadeByMike
A tutorial for Codrops on using HTML5 canvas to crop and resize images on the client side.| MadeByMike
Getting comfortable with Git took me a long time. I thought I'd write a quick guide that assumes no prior knowledge, along with some of my favourite tips and tricks.| MadeByMike
React has limitations when it comes to working with persistent stateful media objects. In this article I discuss techniques for working with media elements like canvas, video and third-party libraries in React.| MadeByMike
Dynamic properties provide opportunities for new creative ideas, but also the potential to add complexity to CSS. To get the most out of them, we might need a strategy for how to write and structure CSS with custom properties.| MadeByMike
Custom Properties have the potential to change how we write and think about CSS.| MadeByMike
A solution for transitioning lengths values in CSS through more than one 'bending point'.| MadeByMike
Explains the box model, cascade, formatting contexts, positioning, stacking and a lot more about how CSS works. A right of passage, I had to write my version.| MadeByMike
Ideas for a more general purpose interpolation function in CSS.| MadeByMike
A more personal article on being a developer and having an average mathematical ability.| MadeByMike
A bunch of interesting techniques for using SVG to make unique responsive components.| MadeByMike
A short tutorial on different techniques for manipulating pixel data with the canvas element.| MadeByMike
Sharing some experiences trying to get a design system\living style guide working in a corporate environment.| MadeByMike
Some practical examples of using calc and viewport units for fluid typography and more.| MadeByMike
Details of my CSS workflow and frontend development processes in 2015.| MadeByMike
A personal story about dealing with a copy-right troll over a trivial GitHub project.| MadeByMike
Creating fluid responsive typography with calc and viewport units.| MadeByMike
A technique for loading animations that can be applied to existing elements.| MadeByMike
A detailed exploration of how the space and size of items are determined when using flexbox.| MadeByMike
Learning about merging deep JSON objects. (Really old)| MadeByMike
Contrast is a critical factor in web design, it’s important to get right because it has a strong influence on the visual aesthetic, but it’s especially important for readability and accessibility of text on the page. It’s not a revolutionary idea to suggest that we use Less or Sass to help choose an appropriate text color for a particular background. There are plenty of examples of this, but what is the best way?| MadeByMike
Experiements detecting transition start "events" in CSS.| MadeByMike