Code Snippet

Using Bitmasks for Efficient App Configurations

In this episode, we look at 2 functions to encode and decode a bitmask for a set of configuration flags. This is a great way to efficiently store user or app settings. As always, the code for this snippet can be found here: https://codepen.io/walpolea/pen/WNNwaBq?editors=0012

Easier Layouts with CSS box-sizing

In this episode, we take a look at a very common practice of changing the box-sizing property on all HTML elements using CSS to help us do less math and create easier and more maintainable layouts. As always you can find this episode's code here: https://codepen.io/walpolea/pen/MWgxrNY?editors=1100

CSS Grid Named Area Layouts

In this episode we look at a powerful CSS Grid feature; named areas! Named areas let you have specific control over where items in your grid layout are placed, letting you take the same semantic HTML content and providing multiple, pure css, ways of laying out the content. As always, you can view the code here: https://codepen.io/walpolea/pen/wvwQEPL?editors=1100

Destructured Function Parameters

In this episode, we look at using destructured function parameters as an alternative way to pass information via objects into functions. The code to this weeks code snippet can be found here: https://codepen.io/walpolea/pen/VwZXaVV

Using Spread with Objects and Arrays

In this episode we look at the spread operator and how it is used to make quick work of merging and shallow-copying Arrays and Objects. If you'd like to follow along, the link to today's snippet code is here: https://codepen.io/walpolea/pen/bGboQyZ