Blog

Show all tags
css (7)

How to create React Notifications/Toasts with 0 dependencies

In this article, we’ll build from scratch React Notifications (toasts) without using any third-party library (except…

Seif Ghezala profile picture

Seif Ghezala

Oct 19, 2020 · 12 min read

How to build a stopwatch with HTML, CSS, and plain JavaScript (Part 1)

This series of articles is made out of two parts: In this first part, we build the stopwatch’s user interface with HTML…

Omar Benseddik profile picture

Omar Benseddik

Jun 28, 2020 · 13 min read

How to create scroll animations with just 1 React hook (Part 1)

This is a series of articles where we learn a few techniques to create scroll animations with just 1 React hook. In this…

Seif Ghezala profile picture

Seif Ghezala

Nov 01, 2019 · 5 min read

How to make your own SplitPane React component with 0 dependencies

A SplitPane is a collection of 2 elements whose heights can be changed by dragging a line that separates them. Based on…

Seif Ghezala profile picture

Seif Ghezala

Jul 01, 2019 · 9 min read

How to create an accessible React modal

A modal dialog is a window overlaid on top of the main application. It’s an inert window where the user can’t interact…

Seif Ghezala profile picture

Seif Ghezala

Apr 01, 2019 · 6 min read

Imprint