Sign in with Twitter

Username:

Co-founder @CodePen. Does @Real_CSS_Tricks. Podcasts @ShopTalkShow. Clawhammer. New Dad.

2,431 Following   197,496 Followers   33,371 Tweets

Joined Twitter 2/25/07


PSA: Yes, serverless still involves servers. https://t.co/MwXRfciFxf https://t.co/eBdOyDtFd2
Retweeted by Chris CoyierI’d be remiss if I didn’t note that I live in the town with the last Blockbuster https://t.co/uGKMGdNvQK @gumnos We have a smidge on it https://t.co/W9AYw6Pu9uA few months ago, I was frustrated at not being able to attend developer events because of visa challenges. Some re… https://t.co/YQrbZb3IHr
Retweeted by Chris Coyier
7/16
2018
Excellent bike tour with Lev at @Cogwild today. So much to explore out here and so far for me to level up.guy was wearing a heatmap T-shirt with all the heavy click areas on his nipples @andrea_r @daljo628 I have now learned, much later, that have a big special sewing machine, not an extraordinarily long bodily arm.i do what i want*, †, ‡, §, ‖, ¶
7/15
2018
@andrea_r @daljo628 Just in the quilting for the money, fantasic. I was imagining some man vs machines stuff. Or l… https://t.co/E1sowCNRDwat a quilt show current status - woah quilts are cooler than i thought - i should totally make a Conway’s game of… https://t.co/FuXLBoRf6K @_drewpowers I have barely touched it! I've just watched a bunch of talks and played with demos and stuff. I'm at… https://t.co/KxdpR2GtIjThe GraphQL Guide https://t.co/YubGY222tG @sallyhal3 @CodePen Lovely idea!I spent way too much time on this @CodePen using the power of #css grid and variables. Check it out and let me kn… https://t.co/BjkwmXtuU2
Retweeted by Chris CoyierYesterday marked the two year anniversary of A Comprehensive Guide to Font Loading Strategies:… https://t.co/cPGp6dN4le
Retweeted by Chris Coyier"SVG Pattern Doodler with SVG & PNG export" by Niklas Knaack https://t.co/wMjrmsWAzi https://t.co/LLmygS4ko6
Retweeted by Chris Coyier423 days later, finally relaunching the new and improved Women Who Design: a directory of accomplished women in the… https://t.co/mWauKQqS9W
Retweeted by Chris Coyier
7/14
2018
@rsm Required by law?!Clever little API testing tool from @terabaud https://t.co/L9zmZzdGyP https://t.co/JIr1moBh7n @theory11 (Forms is the challenge this week as well! https://t.co/vA68IfsLhD New prompt on Monday.) @chriscoyier @theory11 Done, with CSS only :) https://t.co/LXEuqpmY0V https://t.co/MJnWQRrz68
Retweeted by Chris Coyier @chriscoyier @theory11 I would probably try to do it with a single SVG, using the technice @MikeRiethmuller describ… https://t.co/WGk1ijSjGO
Retweeted by Chris Coyier @Lady_Ada_King @theory11 Yeah then you get that 9-slice scaling stuff going on which seems like this would be a great use case for! @WebEngine_DSF @theory11 Honestly that's probably how I'd do it as it seems kinda robust that way. @cassidoo @theory11 If only we had FOUR pseudo elements haha @glass Yeah that was RAW @shortdiv @Netlify Heck yes, congrats!I saw a neat looking login form on @theory11 this morning so I took a crack at it https://t.co/FxVuXl8imb Not quit… https://t.co/oCTg9ESD9D @NathanFGao It would be helpful for you to go into more detail there. I find it particularly unhelpful to armchair… https://t.co/S9tLl9U3I2You know how we're always like "careful out there on the internets, thar be terrible JavaScript dragons." (Referri… https://t.co/VBrjpqvGcr @chriscoyier I got inspired by this and designed an updated version, fixing some of the problems: - Added notches… https://t.co/HemD17TtNc
Retweeted by Chris CoyierSlice list item on delete on @CodePen - https://t.co/xGoVbqsUhy https://t.co/efoAVWFAwG
Retweeted by Chris Coyier
7/13
2018
@codinghorror @MaxCDN Good to know. Kinda hoping to not rock the boat too much since it's largely working fine, but… https://t.co/YmupfVOjYpAnyone use @MaxCDN? They tell me they don't have there own SSL certs anymore, so you gotta buy one and upload it t… https://t.co/rHpeLut3h0Devs I really enjoy pairing with: - don't act like know-it-alls - openly admit if they don't know something - try t… https://t.co/5G950gEvjO
Retweeted by Chris CoyierHave you seen Stripe's slick animated navigation? @alex_holachek re-created it in React. https://t.co/aaKPEhsHyA https://t.co/1QvZi6inMe
Retweeted by Chris CoyierI learned about Fitts Law in grad school. In a desktop interface the easiest spots to hit are the corners and edges… https://t.co/efzgzoumGS
Retweeted by Chris Coyier @bluetidepro @CodePen @timsabat @alexquez @rachsmithtweets @MMosley @jake_albaugh Or you could try XHRing it and dr… https://t.co/hekvDYNucJ @bluetidepro @CodePen @timsabat @alexquez @rachsmithtweets @MMosley @jake_albaugh https://t.co/n1o0E74T0a
7/12
2018
Working on some CSS-only sprites on @CodePen, inspired by Pokémon Quest! I’m going to try and do all 151 Gen 1 Poké… https://t.co/qdn1dIWaoN
Retweeted by Chris CoyierOn the topic of One-Offs in design/dev, I like to refer to them as “First Of’s”. It might be the only one right now… https://t.co/jZ8WJqV1Ow
Retweeted by Chris CoyierPoll About Email & Your Job https://t.co/7FlgWJmdKH
Retweeted by Chris CoyierSoooo @CodePen just did a super awesome thing and made a #PassThePen channel for us in Spectrum!… https://t.co/1CzEXJJTWv
Retweeted by Chris Coyierthis is the most perfect piece of internet art I have ever seen https://t.co/Ss7D8J2Hrt
Retweeted by Chris CoyierLittle more _blogging_ about all this "unused" business: https://t.co/Uz0elJxVqPThe first beta of Fluid 2.0 is available here. 2.0 is a significant re-write using Apple's newer WebKit2 API with p… https://t.co/HP0suXnqXa
Retweeted by Chris CoyierBlogged about a random day of development work. https://t.co/BVcl3x0b8h Just, ya know, cause blogging is fun.Deep dive into non-web hyperlinks today by Atishay Jain. https://t.co/UftuxvhwhP Like, it's possible to register/use csstricks:// linksInteresting way to handle payment plan choice on Polldaddy. https://t.co/OP5GtLIIF5Sounds about right! Random Day in the Life of a #Developer | via @chriscoyier at CSS-Tricks https://t.co/4WYBllod9Yhttps://t.co/yqZkn4GYsf
Retweeted by Chris Coyier
7/11
2018
⭐️Thrilled to announce my Working with Atomic Design and @patternlabio course on @AquentGymnasium!… https://t.co/dXitX2VjJM
Retweeted by Chris CoyierWe moved over to using headless Chrome for all our screenshots on @CodePen, by way of @browserless. 📻 about it:… https://t.co/vK4yFGEH0k @atomgroom @CodePen Maybe! One way to do right now is a quick .fetch() for it and plop it in the document. @bastianallgeier @getkirby Thanks! @bastianallgeier @getkirby Hey you have a screenshot of that handy?
7/10
2018
Lets flip that meme around: what’s something that should be obvious, but your profession seems to misunderstand?
Retweeted by Chris CoyierEp319: A grab bag @WordPress'y questions. https://t.co/xVEM3YljRB Thanks @jetpack and @LogRocket for sponsoring.
Retweeted by Chris CoyierI wrote a thing about the CSS Houdini and the CSS Paint API! You should defo check it out 🤓 Also big hat tip to… https://t.co/ebSPx0VaSt
Retweeted by Chris Coyier @CCDzine @wp_acf Thanks so much Greg! @bastianallgeier @getkirby Nice. That in-context stuff seems to be a big deal. @brad_frost That seems like a very common approach! They seem to like the direct context? @CCDzine @wp_acf Ah yeah that's a great point. Do you have a screenshot of any of those fields? @ErskineRob @CraftCMS Nice! @_drewpowers Homework! Clever. @donohoe Neat.Say you build a website for a client that was intended for _them to update themselves_. How do you teach them how… https://t.co/F0qM5rjG1DThese are probably the most beautiful things I've built with #CSS #lineargradient ! 😀 (However, the effect only w… https://t.co/aAoVNg9ZuQ
Retweeted by Chris Coyier
7/9
2018
Still one of my favorite posts: "Mediocre ideas, showing up, and persistence" by @chriscoyier https://t.co/TEQNIpPMzp
Retweeted by Chris Coyier📝New Post: Another quasi-review about a book that has inspired much thinking over the past year: The Righteous Mind… https://t.co/ryGcKpsoPN
Retweeted by Chris Coyier
7/8
2018
This might be the slowest CSS animation ever to be created because it moves at the speed of, well, the moon. 😀 Real… https://t.co/vm2l3iR23v
Retweeted by Chris Coyier @davidwalshblog @code Been loving it for quite some time. Here's my setup if you're interested, https://t.co/Cn6SqW1SfF.
Retweeted by Chris CoyierFirst I was like "oh cool, @figmadesign made an on-brand 404 page with an allusion to bezier handles..". Then I th… https://t.co/dT6OtmMC29
Retweeted by Chris CoyierIf styling a navigation toggle button using CSS grid is wrong, hey, I don't want to be right… https://t.co/hsTmaaWEyo
Retweeted by Chris CoyierImagining what it would look like when Picasso signed his works. SVG strokes and clipping paths on @Codepen for thi… https://t.co/P68ZvInn6J
Retweeted by Chris CoyierHere is a color gradient generator made with #vuejs @codepen https://t.co/dBFltBJzTy https://t.co/F4Qx5byolM
Retweeted by Chris Coyier🐍 The Web Animation Community with Adam Kuhn @cobra_winfrey --> https://t.co/h2R4H966X9 #uxdesign #cssanimationhttps://t.co/OCRmPPda7d
Retweeted by Chris Coyier @malchata Lol that’s so awesome @dryan Fair @shshaw 4lyfe https://t.co/TYjGZvBjNS
7/7
2018

0