Chris Coyier
@chriscoyier
Followers
233K
Following
35K
Media
2K
Statuses
40K
Co-founder @CodePen. Podcasts @ShopTalkShow. Ran CSS-Tricks 2007-2022. I like it when you like things.
Bend, OR
Joined February 2007
Howdy folks, co-founder of @CodePen here. 🤘 Why would you, fellow front-end designer & developer, want a CodePen account? Well it’s my job to make sure that has a clear answer, so I’m gonna thread 🧵 it up for ya to explore and understand.
41
42
366
I thought about things that have happened in CSS in 2025 and what I think you should probably know. Then I blogged it on @FrontendMasters. https://t.co/C0XSN09xui It's not *everything* — it's my own curated list.
frontendmasters.com
0
17
83
Gonna fiddle (on a stream) of making my own opinionated CSS reset. https://t.co/SphSzd0JkQ
twitch.tv
I do CodePen.
1
1
23
Gonna stream in a little bit. (Probably) looking at the neat new package support in the CodePen 2.0 (Private Beta) via import maps. https://t.co/SphSzd0bvi (I'm told a few minutes heads up is helpful.)
twitch.tv
I do CodePen.
2
0
23
Is your website not getting the traffic it deserves from Google? Get a never-ending supply of free targeted traffic to your website from Google using SEO. Let us help you increase your website's organic (FREE) traffic from Google today at
0
6
15
Scope in CSS We've got @scope in CSS now, and it's got it's uses. But the concept of scope in CSS is a wider idea. https://t.co/YSIkkPRK1x
frontendmasters.com
2
4
29
✨ New article is live: CSS Spotlight Effect I asked myself what we could do with just the mouse position, and got to this fun simple effect. Hope you enjoy it, and maybe it will spark some new ideas for you too. 😊 🔗 Check it out on @FrontendMasters: https://t.co/MUJXqviDZK
1
8
55
We’re working on something called Nested View Transition Groups … and we need your feedback! See the questions listed in the replies to this post: https://t.co/OPdSzNJFaA Try it out in Chrome Canary + Exp Web Platform Features: https://t.co/QBt3v585oW
#ViewTransitions #CSS
2
13
88
Design your team’s look from scratch - fast. Upload your logo, choose colors, and see your jersey instantly. Pro-level quality built for beer league budgets. Start your design today. 🎨
0
1
15
New Battle is LIVE on CSSBattle! ⚔️ 2 fun targets have unlocked for playing. 🎯 Anddd...this battle is sponsored by the awesome @CodePen + there is some sweet CodePen swag kit to be won! 🎁😱 All the best everyone for the battle!
3
4
19
Another (cool) demo where I am using the same technique. Demo: https://t.co/pF029KunOc via @CodePen The border will smoothly stop (always) at the same position on hover. #codepenchallenge
Another experimentation with modern CSS. On hover the infinite rotation will stop and the element will smoothly return to its initial position. The animation will resume on mouse leave. Demo: https://t.co/RfQ7yzYGma via @CodePen
#codepenchallenge
1
5
48
Elevate your look with our rose gold bangles — a blend of modern style and timeless elegance. Intricate details, lasting shine, perfect for stacking or wearing solo. A chic choice for any occasion.
0
20
139
Relatively New Things You Should Know about HTML Heading Into 2025 Accordion details, toggle switches, styleable selects, responsive video, and more! https://t.co/5zI02HwO3y
frontendmasters.com
2
12
65
I did some open-source this year! Here's a compilation of stuff I posted on @CodePen in 2024 All the live demos + source code: https://t.co/cv5etxF0iv
36
166
2K
<NumberFlow /> is a really classy element that is very easy to use! https://t.co/1OFVuxuXf2
5
49
623
"Interactive Hover Spotlight with Smooth Follow Effect" by Sam García https://t.co/XmFX7qIf8W
1
30
290
Interactive sunny-side pattern! 🍳 (a little tribute to my love for gooey shapes and dumb demos) Live demo & source code: https://t.co/CWvehHijm9 Made with #webgl #shader and a bit of GSAP (@greensock) Hosted on @CodePen
7
37
301
Hey! — @toddledev is a visual web framework for building websites. ⚙️ (It's low-code tool, but you can absolutely get in there with your CSS skills and go wild. 💪) Sign-up (it's free) and check out their editor!
3
3
52
Want to invest in the next big AI stocks? IBD can show you how.
14
31
190
#tinyCSStip Want your page background to contain an integer number of dots? Use `background-repeat: space`! This inserts a bit of space in between background repetitions so we have an integer number of them. Well-supported for ages. 🥳 Live on @CodePen
https://t.co/wrj6mzCWh3
3
13
154
Where all them tech companies with super chill founders who just wanna make something useful and do right by people? (Leans against the CodePen billboard.)
28
6
267