
Chris Coyier
@chriscoyier
Followers
237K
Following
35K
Media
2K
Statuses
40K
Co-founder @CodePen. Podcasts @ShopTalkShow. Married @jmm. 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
41
362
Gonna stream in a little bit. (Probably) looking at the neat new package support in the CodePen 2.0 (Private Beta) via import maps. (I'm told a few minutes heads up is helpful.).
twitch.tv
I do CodePen.
2
1
23
RT @FrontendMasters: 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.….
frontendmasters.com
0
3
0
RT @amit_sheen: ✨ New article is live: CSS Spotlight Effect. I asked myself what we could do with just the mouse position, and got to this….
0
8
0
RT @bramus: We’re working on something called Nested View Transition Groups … and we need your feedback!. See the questions listed in the r….
0
13
0
RT @css_battle: New Battle is LIVE on CSSBattle! ⚔️.2 fun targets have unlocked for playing. 🎯.Anddd. this battle is sponsored by the awes….
0
4
0
RT @ChallengesCss: Another (cool) demo where I am using the same technique. Demo: via @CodePen . The border will s….
0
5
0
RT @FrontendMasters: Relatively New Things You Should Know about HTML Heading Into 2025 . Accordion details, toggle switches, styleable sel….
frontendmasters.com
0
12
0
RT @uuuuuulala: I did some open-source this year!. Here's a compilation of stuff I posted on @CodePen in 2024. All the live demos + source….
0
168
0
RT @uuuuuulala: Interactive sunny-side pattern! 🍳.(a little tribute to my love for gooey shapes and dumb demos). Live demo & source code: h….
0
37
0
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!
nordcraft.com
The Nordcraft Engine lets designers and developers collaborate to create immersive and interactive web experiences. We use Nordcraft to build Nordcraft.
3
3
52
RT @anatudor: #tinyCSStip Want your page background to contain an integer number of dots?. Use `background-repeat: space`! This inserts a b….
0
13
0
RT @kvlly: What a joy speaking at @AllThingsOpen this year!. It was such an honor being able to keynote day 2 alongside a fantastic crew (i….
0
3
0