Articles

Like what you see? Subscribe to any of my RSS and microformats2 feeds and enjoy hearing from me wherever and however you like.

📌 Pinned Articles

  1. Benchmarking JavaScript: is removeChild faster than innerHTML given thousands of DOM elements?

    Motivated by a type ahead challenge in JavaScript30, I explore if removing 2500 DOM nodes is more performant using Element.removeChild or Element.innerHTML. Interesting exercise and results!

  2. Eleventy: how to exclude draft collection items from build programmatically

    With its 0.11.0 release, Eleventy offers a powerful feature. Let's see how to exclude draft collection items from build output in Eleventy programmatically, using eleventyComputed.

✨ Recent Articles

  1. JavaScript30 weekly catch-up: DOM, canvas, DevTools; refs, alternate method syntax, and routing.

    Progress on JavaScript30 and ReactJS across ten days -- (JavaScript) DOM manipulation, Document Fragment, HTML5 Canvas; DevTools (ReactJS) new syntax for refs, why we bind methods, new syntax for methods, and routing.

  2. About Miniflux, a superb feed reader.

    Recently, Kev messaged to ask where my article full of praise for Miniflux was. While I have spoken highly of it on Fosstodon itself, I realized I haven't done so here. Well... here goes.

  3. Benchmarking JavaScript: is removeChild faster than innerHTML given thousands of DOM elements?

    Motivated by a type ahead challenge in JavaScript30, I explore if removing 2500 DOM nodes is more performant using Element.removeChild or Element.innerHTML. Interesting exercise and results!

  4. JavaScript30 Day #04 - Updating CSS Variables with JS, slow update on ReactJS.

    A slow day where I learn to update CSS variables dynamically from user input, and get a brush-up on ReactJS' idea of components.

  5. JavaScript30 Day #03 - Study group on Zulip, Wes Bos' React for Beginners course, and a simple JavaScript & CSS clock.

    Today, I start Wes Bos' React for Beginners course, build a simple clock in vanilla JavaScript, and set up a study group on Zulipchat.

  6. JavaScript30 Day #02 - Wes Bos' JavaScript30 course, grouping operator, HOCs in ReactJS.

    Today, I start Wes Bos' JavaScript30 course, ponder about the grouping operator, and make sense of Higher Order Components in theory.

  7. JavaScript30 Day #01 - ReactJS, this, methods that mutate an Array.

    A part of the JavaScript30 series -- re-learning JavaScript and its ecosystem over 30 days. Includes ReactJS, the this keyword, and mutating methods for Arrays.

  8. Musing around job titles and career paths.

    Morning musing triggered by an article published on CSS-Tricks yesterday around job-titles and career paths.

  9. I'm learning ReactJS again, from scratch.
    Screenshot of a browser with ReactJS' GitHub page open. The browser window is outlined with a simple, dark, starry background.

    The ecosystem moves fast and my existing knowledge is out-dated.

  10. Ligatures are not a good fit for the web.

    I talk about ligatures in typography and why I had to disable them on my site.