DEV Community

Cover image for Sunrise in Space (Quiet)
Alvaro Montoro
Alvaro Montoro Subscriber

Posted on

28 2 5 3 7

Sunrise in Space (Quiet)

This is a submission for Frontend Challenge v24.09.04, CSS Art: Space.

Inspiration

I have to admit, this is an old drawing. I coded it as part of Divtober 2022, and the prompt was "quiet" (in Divtober 2023, there was a "space" prompt, and I went with a floating astronaut... maybe I should enter that one too?)

Demo

You can find the demo on my single-element CSS drawings site or on CodePen:

Journey

As part of Divtober, it is CSS Art coded with a single HTML element and CSS (less than you'd imagine, maybe?). It was a time when I was trying to code more "realistic" CSS Art, playing with colors, and softer gradients...

I don't know if the drawing is too realistic, but I like the result. I find it calming and relaxing. Quiet, as the prompt for Divtober that inspired it.

I recorded the coding process and shared it on YouTube:

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 (4)

Collapse
 
martinbaun profile image
Martin Baun

Pretty cool my man.

Collapse
 
lakshita_kumawat profile image
Lakshita Kumawat

The effect looks amazing

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Thanks

Collapse
 
janumala_akhilendra profile image
Janumala Akhilendra

Really Amazing 🌟