Front-end education for the real world. Since 2018.





JavaScript

Topic Archive
  1. A guide to destructuring in JavaScript

    Mat “Wilto” Marquis walks us through JavaScript destructuring, the rest operator and spread operator in a jam-packed guide.

  2. A handful of reasons JavaScript won’t be available

    It’s always safe to assume JavaScript will not be available, so here’s a quick list of very realistic reasons it won’t be.

  3. Event currentTarget to the rescue

    A really quick tip to hopefully save you from throwing your computer out of the window due to JavaScript events.

  4. A CSS project boilerplate

    For the many folks who ask how I write CSS since removing Sass, this is how I and the Set Studio team do it in 2024.

  5. It feels like React is getting a bit of a kicking recently

    I talk about an apparent attitude shift in attitude towards React in the community and also make some recommendations about decision-making for your projects.

  6. Low-tech Eleventy Categories

    Eleventy has built-in tagging and collections capabilities that I’m riffing on to show you how to build a super simple category system with RSS feeds for each one.

  7. Convert a 2D array into a flat, 1D array of unique items

    Convert a messy multidimensional array into a nice single dimension array of unique items.

  8. Build a fully-responsive, progressively enhanced burger menu

    In this premium tutorial, we’re going to build a burger menu from the ground up, using progressive enhancement, ResizeObserver, Proxy state and of course, super-solid HTML and CSS that pull from the CUBE CSS principles.

  9. Load all focusable elements with JavaScript

    A handy helper function that will load all user-focusable elements inside a parent element for you.

  10. Use a set to remove array duplicates

  11. Build a light and global state system

    Using Proxies and subscriber functions, we can create an observable, reactive state system with a tiny footprint.

  12. Create a user controlled dark or light mode

    Automatic dark and light themes, based on system user-preferences, are handy but in this tutorial, we take that one step further and give our users control.

  13. A progressive disclosure component

  14. Bypass service worker on localhost