Aloha CSS aficionados!

This was a big Style Stage release week with eight super fantastic new styles added!

Since the July 10 launch, the 22K+ unique visitors have viewed an average of 4 stylesheets/visit 😎

And this week we passed 300 ⭐️ on the repo and are currently sitting at 37 forks, which means ~13 stylesheets may be in progress!

All this to say - thanks again for helping make this project successful. I'll reduce my updates on these types of stats, but I think they're an affirming representation of this project filling a need for the community 🥰

There are now 23 styles available - go check them out!

---

Recently Added Styles

• Color Stages By Claire Lipskey
• Pilgrim By Gonçalo Morais
• StageOS By Håvard Brynjulfsen
• Mburucuya By Lide O.
• Shadows By Nadia Laasri
• Nightshade By Peter Byfield
• MonoMinimal By Amit Sheen
• Pink Outside the Box By GabbyKC

---

Creating a Sticker Effect With Pure CSS

Inspired by Jason Lengstorf's "Boop" graphic, I was curious if I could reproduce the sticker-like appearance with only CSS.

I got very close, then asked for help on Twitter where Lynn Fisher saved the day thanks to her expertise in CSS art. Taking cues from her adjustments and a comment from Adam Kuhn, I extended it to a reusable .sticker class.

Check it out to learn how to use the following modern CSS properties:

• CSS variables
• Grid - "It's not just for page layout, kids!"
• clamp for fluid type sizing relational to the viewport
• Gradient text created with -webkit-background-clip and -webkit-text-fill-color
• Solid text borders with -webkit-text-stroke

Bonus tip: This week I learned about that Firefox detects contrast for gradients

---

Weekly Link Roundup

Here’s some links you may have missed:

• Follow along with Kevin as he live codes a Style Stage theme
• #ViennaCalling was one of the best 2.5 hours of my life related to front-end topics and you can catch the recording on Twitch
• Modern CSS Techniques To Improve Legibility is an impressive exploration with tips that are applicable beyond typography
• CSS shadow generator for smooooooth shadows
• Understanding CSS Multiple Backgrounds is an excellent guide on exactly that!
• What does 100% mean in CSS? by Amelia Wattenberger is a spectacularly bookmarkable interactive overview
• up your a11y is a great resource by Suzanne Aitchison for getting up to speed on considerations for accessibility

---

Keep it .class-y,
Steph • @5t3ph