Bite-sized tips and screencasts about CSS, Javascript and React

Every 2 weeks I send out a short email with new articles, code snippets, tools, techniques, and interesting stuff from around the web. Join 700+ subscribers.

Newsletter subscribe:

***

A use case example for React Portals

Using the accent-color CSS property to style from elements

Using React Context in NextJs 13

Adding a key prop to a Fragment in React

[Js-Craft #35] Making a NextJs responsive sidebar layout, wildcards for querySelectorAll(), using React Icons with NextJs and much more

React scroll into view last item added in a list

Scroll an element into view at button click in React

CSS ellipsis (the 3 dots) on multiple lines

Add suffixes such as “st” or “nd” to number values in Javascript

Open a link in a new tab in React

3 cases when you should not use Arrow Functions in Js

Making a responsive sidebar layout with the NextJs 13 app folder

Working with Javascript proxies, private fields and the Reflect API

How to add debounce to useEffect() in React

CSS – prevent scroll of body but allow modal scroll