CSS art sucks

I'm a full-stack developer from South Africa 🇿🇦. I love writing about JavaScript, HTML and CSS.
Search for a command to run...

I'm a full-stack developer from South Africa 🇿🇦. I love writing about JavaScript, HTML and CSS.
I want to try some more CSS art. I tried awhile back, but it is kind of daunting. What was your first "I gotta do this" piece?
I think my first one was the duck, the second one was the totoro, quite a challenging and big piece. But really learned a lot from creating it.
I think the best approach is to simply take something you like and start creating. The great thing about the now is that there are so many skilled people willing to give you advice if you are stuck. (And yes I've used a lot of advice on that piece)
Most of you know me for my consistency, a golden arrow in my blog series. I've written 1000 articles in 1008 days! Almost an article a day, and my honeymoon was the only holiday I ever took. I'm super proud of this achievement; it has been a fantasti...

It's not the first time I'll be talking about community. I think it's an essential aspect of any successful tool. This shows in my previous explorations of Astro, Medusa, and now Vendure as well. All these products thrive in a super open, welcoming, ...

The cool part about Vendure is how easy it is to set up and how abstract each layer is. Basically, we get the following elements: External database Server Worker Admin UI Frontend While this is amazing, it also brings a bit of complexity when it co...

The previous article looked at customizing Vendure on a data and process level. In this article, we'll look at customizing emails, as they are often a big part of a webshop system. We'll be looking at two different layers of customization for customi...

Even though Vendure is a pretty significant project out of the box, in some cases, we might want to go in and modify some elements to work to our specific use case. In this article, I'll take a high-level look at some elements we can customize within...

CSS "art" has a very distinguish pro vs. anti vibe going on, and I'm never really sure why.
First, let's dive into what CSS art is or what it means to me.
CSS Art is a creative outlet of using CSS to style elements on a page to look appealing visually.
Some people use it to recreate existing designs, artworks, or figures and some people go from an empty canvas.
The result is always some stunning magical piece of art that is powered by CSS.
The most common thing you'll hear is people saying, but it's useless. It has no purpose and even can be seen as a waste of time.
I'm always blown away by these remarks.
So are you saying art, in general, is useless? What's the purpose of a painting?
What's the purpose of a sculpture? Or a bit more relevant these days, what's the purpose of an NFT?
I'll leave it up to you to decide, though.
I'm not sure if my ones contemplate "art", but let's state it is.
For me, it's a super lovely outlet to try unique and not often used CSS techniques.
By making CSS art, my general CSS knowledge improves and becomes better.
For instance, creating this artwork taught me about double border-radius and how it works.
Or another one I did helped me understand the frosted effect.
These are often elements I can use in my day-to-day CSS work but in a more obvious way.
I think this is one of the most asked questions, and it depends on what you are looking for.
For instance, if you'd like to get into pixel art, the process might be different.
I believe in creating to grow, and I find this the way that works for me.
Meaning, start by doing and exploring.
When I created the Totoro above, I started with an image and overlayed my CSS on this. Then when I got stuck, I asked Twitter for help, which helped me improve the piece.
So my best advice is to start with an image and overlay the image with divs and start working from there.
And as always, start small, take small steps, and work your way up to more significant pieces.
Another great way can be to indulge in CSS art challenges, you can find their pop-up more and more, and they are a great starting point for your first CSS artwork.
When trying to get into CSS art, keep a closeout for other people.
They might have techniques you haven't seen before and can help you become better at them.
And like always you can learn from each other, they might find certain aspects of your works fascinating and the other way around.
With this said, share some of the works you are super proud of! Love to see them on Twitter 💖
Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter