Sign in with Twitter

Username:

Co-founder @CodePen. Does @CSS. Podcasts @ShopTalkShow. Married @jmm. Clawhammer. loldad.

3,210 Following   234,965 Followers   37,487 Tweets

Joined Twitter 2/25/07


@chriscoyier Closest one I am aware of is https://t.co/J2W3Krtili
Retweeted by Chris Coyier
9/19
2020
Kids, I got the new TikTok for ya. Tik the box of owning your own domain and website and Tok to your friends by se… https://t.co/fJDjIdLolxWell, the pandemic sure sucks, but hey at least I can go for a bike ride. me: gets hit by van Welp, at least we… https://t.co/J0JmcGwg1SDo we have a nice clean original copy of an un-altered MySpace Profile in HTML/(CSS?)📢 Today I am open sourcing ✨ ₪ xm ✨ a tiny compiler for HTML that adds support for imports slots & fills a portal… https://t.co/8bohqgU1XL
Retweeted by Chris Coyier @jonkantner @CodePen Nice work! I did something very similar a few months back as well. Great minds💡… https://t.co/3rgZXefoLi
Retweeted by Chris Coyier
9/18
2020
I love these cool "toy faces" https://t.co/TuMZUqsGZV https://t.co/cmNVNNVnAv @angrybrad Each flake is an entire watermelon
9/17
2020
#ios14 is now finally live. You know what that means? Safari now supports webp!! @webkit 🙃 Webp for you! 👉🏾 Webp f… https://t.co/Idq8jIHwHL
Retweeted by Chris CoyierHello everyone, This Sunday at 11am I’m hosting the monthly virtual CodePen meetup. There will be a Show & Tell of… https://t.co/eHzl2jSciA
Retweeted by Chris CoyierI'm also speaking at Create:Serverless on Semtember 30th. (Because serverless is cool.) https://t.co/9tpf1DFicGhttps://t.co/1xBmO9Nrt5Super cool alert: @adactio recorded audio versions of @jay_hoffmann's Web History posts on @css, so you can listen… https://t.co/2jen3vZW78If you are scoping out online events... my pals at @aneventapart are the best and their big Fall Summit is October… https://t.co/sEgGgR5LXq @KingDogDad @ShopTalkShow @davatron5000 congrats on the new gig ;)
9/16
2020
Playing around with ideas for the @abstractpuzzles website and I made a fun scrolly @Codepen with svg patterns 🧩… https://t.co/PoZxJJAnNh
Retweeted by Chris CoyierSVG Daily Tip #17 By animating the viewBox of your SVG, you can create a camera effect 🎥 x & y, make the camera mo… https://t.co/rYz1XFBYyn
Retweeted by Chris Coyier
9/15
2020
We redesigned and rebuilt all of "Settings" on @CodePen. Perhaps a more exciting release for us than you (new sta… https://t.co/yYOPbvjAr2 @chriscoyier I find this topic really interesting after switching from “client work” to “product work”. My history… https://t.co/CBiAiMHiW7
Retweeted by Chris Coyier @kingkool68 For sure! But they’ve hired you or are considering it, so they want _something_. Unlike a a product whe… https://t.co/aA700iWZ7FTook a few pure CSS sliders I first coded in 2015 and brought them to 2020 (grid layout, conic gradients). @CodePenhttps://t.co/xqAjrm5pjI
Retweeted by Chris Coyier @brandonkelly That’s very encouraging. Maybe some company maturity mixed in?These are pretty surface-level observations. Your story will be unique. Just noting that what you get from on parti… https://t.co/XMcRsOumwTBut product work might mean one particular (narrow?) set of tech and no time or need to explore anything else. The… https://t.co/4y2ttEEmA1Another irony is tech knowledge. You might think product people have more because they get to go so deep on what th… https://t.co/SWXAdrOBYOI find the opposite to be more common. Client work has more natural breaks and opportunities to relax. (Although I… https://t.co/5R65zyejUIThere is also some irony. With product work, you’d think there would be this make-money-as-I-sleep vibe, with glori… https://t.co/RzkVFGL6dJThere is a grass-is-always-greener thing. Client work people looking to find a product they can build. Product work… https://t.co/afrOH077UWProduct work can be attractive (continuous money stream, stories of massive success) and scary (what if nobody want… https://t.co/JwY4IzwHSUClient work can be attractive (big paydays, you know exactly what they want) and scary (finding clients, bad client… https://t.co/2YEdPxJhJuOn the web there is “client work” (you land clients, do the job, they pay you, job ends, repeat) and “product work”… https://t.co/CYiweR8KeMI wrote an explainer about why you should be a total election hipster and give money to obscure state races no one'… https://t.co/3Wx9rk5YWF
Retweeted by Chris Coyier
9/14
2020
@niccai @adamwathan Same @milansusnjar_ There it is @chriscoyier Maybe this https://t.co/rtEyMHFZtV
Retweeted by Chris CoyierWhat was that website going around a while back where you could write a text document, get a URL, and there was no… https://t.co/8jINPBeuw3Alright, no more googling of the flexbox properties thanks to @chriscoyier. #CSS #Flexbox #Grid https://t.co/TKUfL2rJc6
Retweeted by Chris Coyier @davatron5000 @Pringles You: casting disapproving glances Me, a food scientist: these bags of Swedish fish aren’t… https://t.co/34ROQdVsUC🐉 I've been mad busy recently so I haven't done any @codepen-ing in a while. But the '100 divs' #codepenchallengehttps://t.co/vwpsjjIb1i
Retweeted by Chris CoyierI'm officially a swordsman! Pure CSS swords from Adventure time,in ~650 lines of CSS🌈, my biggest CSS project so f… https://t.co/ksMg4gGeKj
Retweeted by Chris Coyier
9/13
2020
Omfg. Where has this trick been all my life? #designsystems #css https://t.co/hAueH5Hzg2 https://t.co/iqhNpMfffp
Retweeted by Chris Coyier
9/12
2020
Uhghgk my chest hurts terrible today I feel like I was hit by a van. Oh yeah I was hit by a van on my bike 2 days… https://t.co/OjH2a0jgnsFree WordPress idea: Leave comments on blocks in the editor. That way it can be like Dropbox Paper where you can ha… https://t.co/bhKQAw4FHpYOU CAN CHANGE THE FONT IN SLACK THIS IS NOT A DRILL /slackfont name of font (via @ScottKellum)
Retweeted by Chris Coyier @getify Cheers. Just letting you know I take your point. I still feel what I wrote, but hey, opinions, yadda yadda.… https://t.co/8Jgm3x4yaLfirst time doing a @codepen challenge in a minute... this angry hundred div sass loop will likely do physical harm… https://t.co/NIG5ifybbU
Retweeted by Chris CoyierToday we unveil the Federal Field Guide to De-risk Government Technology, which provides guidance to agencies about… https://t.co/TY8lqSSMNV
Retweeted by Chris Coyier
9/11
2020
The @NotionHQ API is on the way! But seriously, we mean it this time. 🤪 If you ❤️ Notion, like building docs and gu… https://t.co/FZHpoX3ENr
Retweeted by Chris Coyier @MiriSuzanne I think they are all pretty neat and I see the point but I’m a bunch of years into this and still gene… https://t.co/yNFE7BTcmPI've created an animated cursor-eating smiley on @CodePen with CSS animations. (and a bit of JS, knowing the limit… https://t.co/SY0dJPXNGA
Retweeted by Chris CoyierI am simply totally in love with what @dinaaamin and Asem kamal created for @chriscoyier and @css 😍 … just thought… https://t.co/U6O1Jp5WgX
Retweeted by Chris Coyier @swyx @DavidDarnes I just let WordPress do it’s thing. Sometimes I wish I did dates in the URL and other times I’m… https://t.co/rWVvpAu8Am
9/10
2020
So how do you get text to go up the stairs? With CSS of course. 😉 @CodePen : https://t.co/nYhmTN0861 https://t.co/b3RWAdl8JA
Retweeted by Chris Coyier
9/9
2020
📝 AVIF has landed! ⬇️ Here's how to use it today, and how it performs vs other web image formats. https://t.co/waeM2xDp7A
Retweeted by Chris Coyier
9/8
2020
Really enjoying Friday Night SpaceThe Key to Blogging Success https://t.co/0ui2l6QKbjI'm not just making developer tools. I'm going to be do client work as well. So if you need things like ecommerce,… https://t.co/42yHOR8nt2
Retweeted by Chris Coyier
9/6
2020
@swyx I didn’t even realize it was ONE person. Is that ban-worthy or does banning not really work? @swyx Interesting behind the scenes look there. Part of it makes me sad. Part of it makes me happy that there are p… https://t.co/IImqdSlRfM @maggiecodes_ Neat @csswizardry @iamspecialized Congrats. It’s beautiful @HenriHelvetica @SinaiHealth Aww man sorry that sucksSpent an hour hacking this @taminomartinius codepen to mirror the width/height/padding of regular HTML buttons and… https://t.co/1r6toznYZX
Retweeted by Chris CoyierSighhhh https://t.co/3zNav7kPCcMore people should blog about me https://t.co/HwWu5frPzp
Retweeted by Chris Coyier
9/5
2020
Shout out to the fella who walked out of this building right behind me and goes “WOAH {stumbles backward} i forgot about reality!”
9/4
2020
I coded a @CodePen pen where you're a pen that herds CodePen pens into a pen https://t.co/XYWrHwy1CS @chriscoyierhttps://t.co/ayErnxYdQJ
Retweeted by Chris Coyier
9/3
2020
I think the new Collection re-ordering UI is pretttty slick. https://t.co/kwJ6fslrvo https://t.co/9P1nIH7XOJevery time i think im doing some horrible frontend code that ‘works’ i think back to when fallout 3 wanted to anima… https://t.co/8mPh9xMzO9
Retweeted by Chris Coyier
9/2
2020
fun lil starry warpy shader-doodle by @alcamagic on @codepen 💫 https://t.co/84OA8mN93i https://t.co/ycZpfM2qfz
Retweeted by Chris CoyierMy first CodePen experiment: Confetti Button https://t.co/gdKwvFEMu1 https://t.co/vNMhULKAUv
Retweeted by Chris Coyier
9/1
2020
@cobra_winfrey Big fan of Cowboy SongLatest experiment with CSS Shapes. 🔸⚡️ Best in Firefox. 🦊 https://t.co/cQYDdbOXLx via @CodePen https://t.co/rB2oknxiUN
Retweeted by Chris CoyierSpirited Away CSS Illustration https://t.co/fymPKjoVRM via @CodePen #codenewbie #cssart #css
Retweeted by Chris CoyierHave you tried "mix-blend-mode" in your CSS? 🔥 Change how an element's content blends with its surroundings 😎 Use… https://t.co/q9dPacU0qP
Retweeted by Chris Coyier
8/31
2020
@tabatkins i expect() this is some kind of foolery @tabatkins dont call me phil
8/29
2020
We can re-order collections now in @CodePen! ✨ I'm not sure when exactly this was introduced but it makes me so hap… https://t.co/S8qc48IE5u
Retweeted by Chris Coyier
8/28
2020
Saving this in my pocket for when people are like "waaah, design system are boring" https://t.co/tJsIzVXxc3
Retweeted by Chris Coyier @drewm Hell ya. Love the DBX foundationLearn all about creating SVG morphing with react-spring in my latest article on CSS-tricks https://t.co/PmDisVJ8iAhttps://t.co/JadOfC8s9z
Retweeted by Chris CoyierIntroducing ztext.js — make your website pop with 3D typography. Responsive, easy to implement, and accessible. Big… https://t.co/RGPQI6k0gt
Retweeted by Chris CoyierMajor improvements to a @CodePen feature went out today… Has anyone spotted them yet? 👀
Retweeted by Chris Coyier
8/27
2020
My book is out! My book is out! My book is out! https://t.co/kJM2UoN9N2
Retweeted by Chris Coyier @ken_wheeler Yeah man so far it’s been kinda nice. I just might wanna stay up past like 8:07 at some pointI’m 40. https://t.co/jNXhaoZW3D @davatron5000 We got another 10 in us on the air I bet @zeldman Hey thanks Z! 🙏🏼 True story it was before 6am and I already had some cake.
8/26
2020
@rfelix Little custom AppleScript things?Ruby: mommy mommy I need to tell you something Mom: what is it Ruby? Ruby: my journey has been so longIs there a cool tactic for a single "command" to launch multiple terminal windows running multiple processes? Lik… https://t.co/PxNS0rplsJ
8/23
2020
@rfelix Yes!Gamer: buys a $80 headset mic so good you can guess the flavor of Doritos they're eating. Presenter with a 90 minut… https://t.co/bvxzX1laGW
Retweeted by Chris Coyier🎹🎵 Had a lot of fun making this new CSS illustration, a Roland MC-500. Taking bets on how many reply guys I'll get… https://t.co/BtJsl5CWyB
Retweeted by Chris Coyier
8/22
2020
It's been quite a while since I've made a hamburger menu so I thought I'd give it a whirl tonight. @codepenhttps://t.co/BOYS3rXxgW
Retweeted by Chris Coyier
8/21
2020
About all this Mozilla hoop-la... it seems to me you don't fire the people that they fired and then remain a releva… https://t.co/1IlZdSz4wBI really appreciate @mojtabaseyedi's contributions lately on @css. Lots of new Almanac entries for useful properties https://t.co/VpDGgDXXYIThis is an awfully clever thing from @robinrendle: https://t.co/pJaLouB0HK Not all your `position: sticky;` eleme… https://t.co/BnJIaNhEiSThis works. 🤷‍♂️ https://t.co/NuTAvut6HOWhen you get a little time to sit and read, treat yourself to @jay_hoffmann's wonderful Web History series, now 3 c… https://t.co/pWKFoXTKesTahmid worked on a new component library called @HalfmoonUi and posted about it on @css. https://t.co/A51N2ZgEynhttps://t.co/H1xmSgpyCl
8/20
2020

0