Habdul Hazeez

I write tutorials about Web development and some tutorials require a demo to ensure the user fully comprehend the tutorial. All demos are in the repository my-webdev-notes.

Some demos are shown on this page and they are all hosted on GitHub pages.

An image depicting multicolored shapes

TO DO application

A minimal TO DO application. Check it online and view the code on GitHub.

An image depicting time lapse

Photo Gallery

A photo gallery created with CSS Grid. Check it online and view the code on GitHub.

An image showing a concept design of gradients

Accordion

Accordion created with HTML, CSS, and JavaScript. Check it online and view the code on GitHub.

An image showing hexagonal shapes of varying colors

Full-screen Overlay navigation

An accessible full-screen navigation with a pure CSS fallback. Check it online and view the code on GitHub