chriscoyier Profile Banner
Chris Coyier Profile
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
Don't wanna be here? Send us removal request.
@chriscoyier
Chris Coyier
3 years
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
@chriscoyier
Chris Coyier
3 months
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.
Tweet card summary image
frontendmasters.com
0
17
83
@chriscoyier
Chris Coyier
4 months
Gonna fiddle (on a stream) of making my own opinionated CSS reset. https://t.co/SphSzd0JkQ
Tweet card summary image
twitch.tv
I do CodePen.
1
1
23
@chriscoyier
Chris Coyier
5 months
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.)
Tweet card summary image
twitch.tv
I do CodePen.
2
0
23
@BrandonLeibs
Brandon Leibowitz
1 year
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
@FrontendMasters
Frontend Masters 💻✨
6 months
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
Tweet card summary image
frontendmasters.com
2
4
29
@amit_sheen
Amit Sheen
7 months
✨ 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
@bramus
Bramus
6 months
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
@MensLeaguers
Men's League Sweaters | Custom Hockey Jerseys
2 months
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
@Una
Una 🇺🇦
8 months
Giving https://t.co/7kNWFXK3on a much-needed little facelift
3
37
289
@css_battle
CSSBattle
10 months
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
@ChallengesCss
CSS by T. Afif
11 months
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
@ChallengesCss
CSS by T. Afif
11 months
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
@liamegan
Liam Egan
11 months
2
7
31
@BouqoCo
Bouqo
27 days
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
@FrontendMasters
Frontend Masters 💻✨
11 months
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
Tweet card summary image
frontendmasters.com
2
12
65
@uuuuuulala
Ksenia Kondrashova
1 year
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
@chriscoyier
Chris Coyier
1 year
webhooks rule. webhooks say "we embrace the internet outside of our walls" 👏
@NotionHQ
Notion
1 year
This week, we announced webhook actions in Notion. Think of them as digital bridges connecting Notion to your favorite tools. Here’s how they work—and how you can use them automate some of your work 🧵👇
0
0
21
@CodePen
CodePen.IO
1 year
<NumberFlow /> is a really classy element that is very easy to use! https://t.co/1OFVuxuXf2
5
49
623
@ufc
UFC
7 days
This January
4
8
168
@CodePen
CodePen.IO
1 year
"Truchet Tiles" by Rafa https://t.co/u3YCFuLtKo
0
22
211
@CodePen
CodePen.IO
1 year
"Interactive Hover Spotlight with Smooth Follow Effect" by Sam García https://t.co/XmFX7qIf8W
1
30
290
@uuuuuulala
Ksenia Kondrashova
1 year
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
@chriscoyier
Chris Coyier
1 year
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
@IBDinvestors
Investors.com
8 months
Want to invest in the next big AI stocks? IBD can show you how.
14
31
190
@anatudor
Ana Tudor 🐯🖤🌻
1 year
#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
@chriscoyier
Chris Coyier
1 year
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