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:

***

[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

Using React Icons with the NextJs 13 app folder

Javascript – use querySelectorAll() with wildcards

NextJs – how to set the common meta tags between pages on multiple routes

Using the Not Found page in NextJs