📄️ 01: Using Datasets
A quick way to store data on HTML elements is to use the data- prefix attributes. The idea is that any attributes prefixed with data- are dummy placeholders for some other type of data that you want to persist through the DOM.
📄️ 02: Canvas
The first step is to resize the canvas to the window size.
📄️ 03: Devtools
devtool tips
📄️ 04: Intersection Observer: slide in on scroll
The Intersection Observer API is used to observe elements, where we see whether they are in the viewport or not.
📄️ 05: Drag and Drop
Enabling dragging
📄️ Canvas with P5
Setup
📄️ Canvas with game development: recipes
Basic Recipes
📄️ Advanced JS: Concepts
This
📄️ Advanced JS: APIs
Eyedropper API
📄️ DOM
Performant DOM
📄️ PWA
For more resources on PWA, go to these sites:
📄️ Learning web performance
Types of rendering patterns
📄️ SEO
HTML DOM SEO