Divtober Day 21: Magic

#codepen #divtober #css #art

I forgot to publish this yesterday, but here it is... The word of the day was "Magic" so I coded a magic trick in CSS, with a single HTML element and no JavaScript:

It started just with a drawing of the magician and then I extended to look like this other demo I created way back.

Because it changes the value of the content property inside an animation, the demo will not work on Safari. Maybe I could modify it a little so instead of animating content, I could add some spacing and move the text around instead. 🤔

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.