chriscoyier Profile Banner
Chris Coyier Profile
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
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
41
362
@chriscoyier
Chris Coyier
22 days
Gonna fiddle (on a stream) of making my own opinionated CSS reset.
Tweet card summary image
twitch.tv
I do CodePen.
1
1
25
@chriscoyier
Chris Coyier
1 month
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.).
Tweet card summary image
twitch.tv
I do CodePen.
2
1
23
@chriscoyier
Chris Coyier
2 months
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.….
Tweet card summary image
frontendmasters.com
0
3
0
@chriscoyier
Chris Coyier
2 months
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
@chriscoyier
Chris Coyier
2 months
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
@chriscoyier
Chris Coyier
4 months
RT @Una: Giving a much-needed little facelift
0
37
0
@chriscoyier
Chris Coyier
7 months
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
@chriscoyier
Chris Coyier
7 months
RT @ChallengesCss: Another (cool) demo where I am using the same technique. Demo: via @CodePen . The border will s….
0
5
0
@chriscoyier
Chris Coyier
7 months
RT @liamegan: We're hiring!.
0
7
0
@chriscoyier
Chris Coyier
8 months
RT @FrontendMasters: Relatively New Things You Should Know about HTML Heading Into 2025 . Accordion details, toggle switches, styleable sel….
Tweet card summary image
frontendmasters.com
0
12
0
@chriscoyier
Chris Coyier
8 months
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
@chriscoyier
Chris Coyier
9 months
webhooks rule. webhooks say "we embrace the internet outside of our walls" . 👏.
@NotionHQ
Notion
9 months
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 🧵👇
Tweet media one
0
0
21
@chriscoyier
Chris Coyier
9 months
RT @CodePen: <NumberFlow /> is a really classy element that is very easy to use!.
0
50
0
@chriscoyier
Chris Coyier
9 months
RT @CodePen: "Truchet Tiles" by Rafa.
0
22
0
@chriscoyier
Chris Coyier
10 months
RT @CodePen: "Interactive Hover Spotlight with Smooth Follow Effect" by Sam García.
0
30
0
@chriscoyier
Chris Coyier
10 months
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
@chriscoyier
Chris Coyier
10 months
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
@chriscoyier
Chris Coyier
10 months
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
@chriscoyier
Chris Coyier
10 months
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.).
29
6
266
@chriscoyier
Chris Coyier
10 months
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