DEV Community

Cover image for Divtober Day 21: Magic
Alvaro Montoro
Alvaro Montoro Subscriber

Posted on

12 3

Divtober Day 21: Magic

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. 🤔

Sentry blog image

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.

Read more

Top comments (1)

Collapse
 
waylonwalker profile image
Waylon Walker

very creative!

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay