Jul 10, 2025 · 3 min read · This blog is a submission for Frontend Challenge: Office Edition by AxeroCrafted by @tanvirmulla11 with creativity, CSS, and a passion for tech nostalgia. 🧠 Why I Built 404ffice Modern intranets are built for speed, accessibility, and productivity...
Join discussion
Oct 28, 2024 · 11 min read · I love Halloween, so we’re about to get into the spirit and make some themed CSS art! If you’ve never made CSS art before, this will be a nice little introduction and I’m hoping you’ll get just as addicted as I got when I followed my first CSS art tu...
AAndrew commented
Dec 22, 2023 · 11 min read · Introduction In this article, I'll show you how to create a Christmas scene with snowy mountains, a tree, a little home and a cute human with SCSS+HTML! Tools and resources: I'm using codepen. Clippy You'll learn: How to create different shapes ...
Kkunal commented
Nov 27, 2023 · 10 min read · Introduction In this article, I'll show you how to create Santa Claus and snowflakes with CSS+HTML. We're going to use a few classes, some pseudo-classes, and in the end we'll add some animation to the snowflakes! https://www.youtube.com/watch?v=4Bha...
Join discussion
Aug 16, 2023 · 7 min read · The Archimedean - that we talked about in part 3 - isn't the only type of concentric spiral. It's the OG, having been described by Archimedes ca. 225 BC. The next big thing didn't come for almost 2000 years. But in reality, it had always been there, ...
Join discussion
Aug 9, 2023 · 8 min read · If you thought my obsession with particles and curves waned over the past two weeks since the last post, then I'm here to disappoint you. In Part 1 and Part 2 I covered linear and circular serpentine patterns. But for me where it's really at is spira...
Join discussion
Jul 24, 2023 · 6 min read · The week of Codepen's particle challenge is up - but I'm far from done obsessing over particles and serpentines. In Friday's Part I I merely scratched the surface, showing you my first demo for this week's challenge: https://codepen.io/MackFitz/pen/R...
Join discussion
May 15, 2023 · 3 min read · A few weeks ago, I did some CSS Art. This time it was a cup of coffee with a coffee ring stain next to it. All in HTML and CSS –and not as many elements as you'd think... if we don't count the bubbles. I tried to make it realistic but it was too cart...
Join discussion
Apr 8, 2023 · 2 min read · Drawing an egg with CSS is simpler than many people imagine. So simple that you can do it with just two properties: .egg { aspect-ratio: 3 / 4; border-radius: 100% / 125% 125% 80% 80%; } Yes. That’s it! Apply that to a block element, and it will...
Join discussion
Apr 5, 2023 · 2 min read · Juicy Watermelon Juicy Watermelon will "Quench your thirst for creativity with this delightful Watermelon drawing made entirely with HTML and CSS! Watch as the vibrant shades of green and dark pink come to life on your screen, bringing a touch of su...
Join discussion