RT T. Afif @ CSS Challenges
💡 CSS Tip!
Create a Speech Bubble using a few lines of code
✅ One element
✅ No pseudo-element
✅ Only 3 properties
✅ Optimized with CSS variables
Demo:

codepen.io/t_afif/full/eYMbrJN

:sys_twitter: twitter.com/ChallengesCss/stat

RT Jennifer Daniel
Noto Emoj featured in the latest @CodePen Spark ⚡️
I love seeing how people are using Noto (Note to self: transfer my newsletter somewhere else so I can emebd it on my blog!!!)
Thanks for sharing! 🙏
Jennifer Daniel: We did it, fam!!!!! Our monochrome emoji font is here and FREE (🆓!) for all your (including but not limited to) printed matter 📖, eink reader 📟, tattoo 💪🖋️, coloring book 🖍️, engraving 🔡, laser cutting 🎨, word processing 📝, web dev 💻 needs🖤🤍
fonts.google.com/noto/specimen

:sys_twitter: twitter.com/jenniferdaniel/sta

RT GreenSock
Re 🏆 So here's the challenge!
Make a demo using matchMedia, share it on twitter and tag us @greensock
The MOST CREATIVE one wins a Club GreenSock subscription, with access to ALL our bonus plugins like ScrollSmoother & MorphSVG 🥳
Start here, go go go!
codepen.io/GreenSock/pen/vYRvV

:sys_twitter: twitter.com/greensock/status/1

RT Zoë | z-
This week's I tried to make it a single regex expression using the capture group match expression `(?1)` but swap out `%` and `#` for different characters but couldn't quite figure it. So solved recursively.
codepen.io/z-/pen/rNdQYeg

:sys_twitter: twitter.com/Osorpenke/status/1

RT Nicolas Steenhout
I put together a quick CodePen to illustrate why using positive tabindex values sucks for keyboard users.
Feedback welcome!

codepen.io/vavroom/live/bGvxZY

:sys_twitter: twitter.com/vavroom/status/155

RT @learosema
Learned something new about the path API: there's a ready-to-use method to determine if a point is inside a fill of a path element: isPointInFill
via @CodePen
codepen.io/learosema/pen/VwXEo

:sys_twitter: twitter.com/LeaRosema/status/1

RT Manuel Matuzović
I've created a simple CodePen to illustrate and understand the difference between physical vs. logical properties. It might help you, too.
codepen.io/matuzo/pen/zYWmemQ?

:sys_twitter: twitter.com/mmatuzo/status/155

RT AdirCode
Made a custom kind of tooltip for a client project, I’m not sure if it’s even considered a tooltip, even though functionally it’s the same, what do you think?
Here’s my @CodePen:
codepen.io/Adir-SL/pen/VwXGPmy

:sys_twitter: twitter.com/adircode/status/15

RT T. Afif @ CSS Challenges
Demo:

T. Afif @ CSS Challenges: 👌 CSS Tip!
Create a fancy pattern using a few gradients and CSS variables.
Demo:
More CSS patterns 👉

codepen.io/t_afif/full/zYWJedQ
github.com/Afif13/CSS-Pattern

:sys_twitter: twitter.com/ChallengesCss/stat

RT Adam Kuhn
put a lil spin on an old pen toying with svg filters + animations (w/ some bonus image & mix-blend options peppered in) for some rather trippy effects that'll make your gpu weep
codepen.io/cobra_winfrey/full/

:sys_twitter: twitter.com/cobra_winfrey/stat

Show older
小森林

每个人都有属于自己的一片森林,也许我们从来不曾走过,但它一直在那里,总会在那里。迷失的人迷失了,相逢的人会再相逢。愿这里,成为属于你的小森林。