Introducing darkmodejs
Utility package for managing Dark Mode on the web, thanks to matchMedia and prefers-color-scheme media queries
For the practical developer
Assortment aims to provide detailed tutorials (and more) for developers of all skill levels within the Web Development Industry. Attempting to cut out the fluff and arm you with the facts.
Gatsby site search with Lunr.js
Building site search for a static website isn't easy. Here's how you can leverage Lunr.js to create search components that are accessible, fast and extensible.
Assortment moves to JAMstack
With a move towards Gatsby, Emotion and Netlify, things are changing for Assortment. Here’s an overview of the platform's architecture moving forward.
Building an accessible Modal component with React Portals: Part 2
Continuing our mission to build a Modal component that is accessible to all users, regardless of their current situation.
Building an accessible Modal component with React Portals: Part 1
Understanding how to build a reusable Modal component using the latest features from React and ES6 that's accessible for all users.
Understanding the pure function
What defines a pure function? More importantly, when should you use them in a project?
Handling long titles with truncation
Examples of how you can use CSS or JavaScript to make working with long strings of text that bit easier.
Grandchild elements in BEM
Battling the ever-present issue of Grandchild elements in the popular CSS naming convention, BEM.
Scheduling tasks with Cron
Setting up our Unix machines to periodically run commands at set intervals of time thanks to Cron and crontab.
Building a responsive timeline in CSS with Sass and BEM
A tutorial on working with Sass and BEM when building a more obscure than usual component.
Introducing BEM: The popular CSS naming convention
Going over the fundamentals of the methodology that organisations large and small are using to structure their CSS codebases.
Easy peasy responsive navigation
A quick example on how you can start building responsive navigational menus with ease, using very little JavaScript.