[Js-Craft #20] Javascript Intersection Observer, loading scripts with defer or async, CSS srcset and box-sizing

DanielJuly 27, 2021

It's Tuesday and that means it's time for the js-craft newsletter. The last two weeks were quite challenging mostly due to the heat. By mid-afternoon my home office is turned into a sauna, making productivity and sleep something of a challenge.

Luckily the mountains are 2 hours away and we took a 2-day chilling trip. The view from our room:

On the site I was able to make a screencast section and published 7 new CSS and Js tips:

• Loading the JS scripts using defer, async or the default way
• What can you do with the box-decoration-break property in CSS
• Set a time budget for your tasks and don’t be afraid to ask for help
• Responsive images – when to use x or w units in the img srcset
• Using the Javascript Intersection Observer API to improve performance
• Javascript Intersection Observer API – removing the listener, watching only for half of the element, changing the viewport
• What is box-sizing in CSS

That's all for today! Be smart, be kind, and enjoy coding!