HTML 5.2 Native modal HTML Javascript

With HTML 5.2 creating and maintaining modals is super easy!! <button id="dialog-open">Open dialog</button> <dialog id="dialog"> <p>This is a dialog</p> <button id="dialog-close">close</button> </dialog> Adding the open parameter to the dialog element...

SVG Header Waves CSS SVG PHP

The other day I was thinking about an elegant solution to creating non-rectangular headers with CSS. While there are many ways to achieve this effect, like border-radius, transform: skew, clip-path,...

Let's Encrypt and Apache on Ubuntu Server

Step 1 — Install the Let’s Encrypt Client To use Let’s Encrypt we need to install some software on our server. The official client is calle Certbot. First, add the...

Pure CSS Line Numbers CSS

I was messing around with an easy way of display code on my website, and stumbled upon a neat trick for making incrementing line numbers with CSS. .codeblock { counter-reset:...

VPN & GEO-Location Tools

I’ve been using a VPN for a few weeks now, but realized that despite my IP correctly reflecting the VPN server location, the browser would still show my actual location....