I wanted to make the site navigation appear on a modal dialog box. After googling around, I found that I could implement modal with pure CSS. I thought this was a great opportunity to learn how to implement simple modal without JS.

Objectives

• Create a simple modal dialog box that displays the navigation menu.
• Open and close the modal by clicking a button.
• Implement it with pure CSS (an anchor link and the CSS pseudo selector :target).

I wanted to add a simple tagging functionality to my Jekyll site. As I googled around for implementation ideas, I noticed that most of the snippets found on the Internet seemed over-engineered to me. So, I decided to make my version of tagging system that is simple, minimalistic and easy-to-understand.