Sign in with Twitter

Username:

Smile it off and have fun. Designing and developing things at @PlanningCenter.

896 Following   1,074 Followers   5,916 Tweets

Joined Twitter 4/20/09


@adamwathan If you add padding to the overflow container and then negative margin to pull it back, it seems to fix… https://t.co/zNaYywSuXp
3/23
2019
I wrote a post on API design and how being "guessable" can improve the experience for users:… https://t.co/6tkRL1wXJd
Retweeted by Travis Arnold
3/22
2019
@ElliottZ Such a neat trick! Thanks for sharing! I'm assuming ResizeObserver works the same way? @heydonworks @markdalgleish @TwitterSupport I really don't get why this should be an option 🤷‍♂️. Seems like adding… https://t.co/1ScMzQn4UM @brian_d_vaughn 🎉🙌 this is so awesome! Thank you for adding this! 🙏I've worked with CSS for a few years and recently realised there are a lot of important/interesting things I actual… https://t.co/Ya1tmj0cnM
Retweeted by Travis Arnold
3/21
2019
@marcysutton @dennisl I was afraid that localization would be an issue 😞. I can't wait until subgrid is supported!… https://t.co/4B4Nj2YmMk @dennisl @marcysutton In the case above I can't use roles because they don't map properly to the DOM since CSS grid… https://t.co/lTvv57o85v @dennisl @marcysutton Not the exact code I'm using, but this is a demo of a CSS grid table with similar features… https://t.co/hwlPKXMlDjAccessibility friends, is it bad to roll your own semantics using aria-live regions? I have a data table that I wou… https://t.co/dHCy8jqPFW @mjackson +(0.1 + 0.2).toFixed(1) 😛
3/20
2019
@KevinDavus Hope you have a better week! This is Wayne 🐶 https://t.co/JPZM0DF2JDwill-change: scroll-position; is magical 😱 it fixed scroll syncing jank I was seeing in Firefox and Safari 🎉
3/15
2019
@diegohaz 🤯 whoa, that's pretty neat!Not sure if this is a good idea or not, but playing around with only updating class names when necessary using hook… https://t.co/MzjvjNOAdHI love how hooks give you first class support for better performance. The granular control over when things update… https://t.co/fYgbWgaycD
3/14
2019
@dan_abramov I really enjoy reading your longer articles 🙂. I learn something new every time that I can almost inst… https://t.co/8cHwRhPEkJ
3/13
2019
@dan_abramov This all makes sense now 😅. I was definitely overlooking things. Thanks for all of the help and extra… https://t.co/F7zRH1PCEf @EmilTholin @dan_abramov That makes sense! I still need to read up on the inner workings of hooks. Thank you for the help 🙏 @controlplusb Ah, that makes sense! Thanks for the pen 🙏 I didn't realize it works similar to setState 😅.Not sure the exact reason why state is stale when using useState 🤷‍♂️. @dan_abramov is this something that can be m… https://t.co/RfksL3tC8KHere are two demos if anyone is interested: useState: https://t.co/bnUuY4gee1 useReducer: https://t.co/hMVfF0GJkRTIL in React that passing state updaters when using useState and memo does not work, but useReducer does! 😅Anddd this is why we need constraint layouts for the web https://t.co/mDmPZ8F46Jreact-beautiful-dnd is one of the best drag and drop libraries I've used. I really appreciate all of the attention… https://t.co/phur8uK3Nm
3/12
2019
@scottcorgan The hidden track on Dude Ranch 💯
3/10
2019
This is a great article for folks who are used to working with tools like Sass and may be interested in CSS in JS. https://t.co/BAzSFbYV96
3/8
2019
@jlongster You're doing great James! @actualbudget is proof of that. It feels very thoughtful and well designed 🙂.
3/7
2019
@threepointone Yeah :) the seemingly hard part is there are multiple entry points in each app so it's not easy to w… https://t.co/lALklU9V7P @threepointone No, the end user, in this case, is pretty controlled so there could be a required pattern in place.NPM library author friends... is this a bad way to load a user-generated theme? Is there a chance node_modules coul… https://t.co/q2VcobYTGD
3/6
2019
@mattdesl I'll give you all of my money if you teach me all the things.
3/5
2019
👷‍♂️👷‍♀️ New blog post: Learn how a tween animation works by building one https://t.co/BM59SKIGQH
Retweeted by Travis Arnold @sarah_edo Thanks for writing about this Sarah! It was a great, motivational read ❤️.
3/4
2019
@vincentriemer I agree, it was such a great film! I hope to see more work like that from Bo Burnham in the future.… https://t.co/ReeVSiDMrL
3/2
2019
@ThomasKempel I have! Thank you for the proposal 🙏. Apologies for not replying to that issue yet. I'll get back soo… https://t.co/KbQ88Kf2up @thekitze I love this series! I'm still working through A Thief's End, but I'm excited to play Lost Legacy next 😍Playing around with different hook APIs for react-measure. I'm really loving how hooks can be composed together 😍… https://t.co/08hIo8tbsp
3/1
2019
@adamwathan @markdalgleish I really hope we get better native styling constructs one day 🤞. I want to write this <s… https://t.co/ODmKG3ulVeUI Design = Code Let me explain... [thread 1/24]
Retweeted by Travis Arnold
2/28
2019
@jongold 🤘@STYGoc🤘 @appsforartists @jonasnaimark @GoogleDesign This is so good 😍 @mcernusca Ah no, but that would be neat! I was thinking it was similar to this https://t.co/cjy0kvX7Eg
2/27
2019
@mcernusca Looks interesting! Does this have to do with shared element transitions at all? 😁
2/26
2019
@SaraSoueidan I've specifically been looking at building isolated utility functions from projects like Jquery UI th… https://t.co/hIXn5l4nJs @SaraSoueidan I think with the introduction of hooks we'll hopefully start to see more framework agnostic code comi… https://t.co/MvMtL9y1ub @JoshWComeau So fun! Great job 🤘
2/22
2019
@jxnblk @gatsbyjs Congrats!!! 🎊 Super excited to see both you and @4lpine working at the same company. Any plans fo… https://t.co/NYt9hzVSfL
2/19
2019
@marcysutton Sounds like Gatsby territory 🤔. Could be cool if there was a theme that added that functionality.
2/17
2019
@AdamRackis Not sure if you've seen it yet, but I loved how @aweary broke down algebraic effects in his talk at Rea… https://t.co/pe4AUz2d7g @mattgperry This API is so nice and simple 😍. Great work! 🤘 @JoshWComeau I really wish you could choose which viewport you want to stick to 😏. Similar to how position absolute/relative works.
2/16
2019
@steveschoger @tailwindcss @gabdorf wrote a great little case study and built a tool to help visualize this https://t.co/7IB6F08GBd @FezVrasta @sebmarkbage 🤷‍♂️ when I first started writing React I didn't realize this optimization and used to try… https://t.co/wNsRPYSTks @FezVrasta @sebmarkbage React will only re-render that component and not its children https://t.co/Q8cavVspti
2/15
2019
@0xca0a I'm working on a useRect hook for react-measure today 😁
2/10
2019
Started working on a react-aria rewrite that will be powered by hooks 🎣. The last version I wrote was for React 15.… https://t.co/1TgfOrVUji
2/4
2019
I love being able to remove this decision as much as possible with react context + aria-level. @heydonworks did a g… https://t.co/OIrds4F6R4
2/3
2019
@dan_abramov I've also been playing around with making accessible list hooks as well https://t.co/oaIOuDDpDj @dan_abramov This was just a quick prototype, but I've been messing around with a react-ui-hooks library that will… https://t.co/dvVx5AN0Ea
2/1
2019
Couldn't find the tool I was looking for, so I built one myself. Palettte App lets you create, analyze and edit col… https://t.co/VGsLriH8Xy
Retweeted by Travis Arnold
1/31
2019
📲 No matter how many tests you have, or how sound your code is, it is still very easy to introduce serious "FaceTim… https://t.co/nggoh6VCXi
Retweeted by Travis Arnold🚀 One-on-ones are a crucial part of any productive Engineering team. I wrote a bit about this from Management and I… https://t.co/XB2SDGnKYI
Retweeted by Travis Arnold @theKashey @ryanflorence +1 for this addition. It would be super nice to catch events with fragments. @ryanflorence macOS tip. Setup an easy to remember name so you can access your local network at the same address e… https://t.co/nDFK0DXJf4
1/30
2019
@dan_abramov It's a little hacky, but it was fun trying to replicate the native iOS switch as much as possible.… https://t.co/REiyDdiwpx
1/20
2019
@kyleshevlin @webflow Congrats Kyle! 🎉 stoked for you 🥳
1/17
2019
@ryanflorence This is great advice! 🙏 Reminds me of "the memory palace", but easier to apply since you can map your… https://t.co/Ibg5H3L8Oe @grabbou ✋ I'd love to help if you still need someoneThis is probably a terrible idea, but if JSX2 computed attributes ever become a thing, I think this could be a nice… https://t.co/rCiAiXifem
1/14
2019
@heydonworks Love this! I did something similar that used data attributes that would apply functional classnames ba… https://t.co/iPV8FE2ooe
1/12
2019
@jgwilkerson https://t.co/uWtBo6j1R0
1/10
2019
@scottcorgan So hard to pick one, they're all good! Superman though for sure. That was my introduction to Goldfinger 🤘 @0xca0a Haha yeah, I need to update it 😅. Should be way easier now with all of your hard work! 🙏❤ @0xca0a Great work Paul! 🎉 I love how simple all of the demos are 🤩
1/4
2019
@geddski https://t.co/8bBY1dk1NZ @coderitual Yeah, I think flex shorthand might be the most confusing one 🙃. I get why it exists, I just wish shorth… https://t.co/tsdl4GX4GUDefinitely not trying to devalue flexbox. It's brilliant! I just think old constraints have forced us into some wei… https://t.co/R0A2LQ4kgxWhen I first started using flexbox, I would reach for the shorthand property because it was seemingly easier to use… https://t.co/pa45uedxxCI firmly believe the confusion/frustration around CSS is because of shorthand properties. For instance, these are a… https://t.co/FrdbRRI4Tf
1/3
2018
@vincentriemer Congrats Vincent!!! That's awesome news. 🎊🙌
12/22
2018
@vincentriemer Haha same here 😆. I just tried the same thing and it's apparently already enabled for me 🙌.
12/21
2018
@chrisbiscardi Nice! Thanks for sharing 🤗. This is pretty much what I'm doing under the hood in the Box component.… https://t.co/hgUSOpaRtMPushing more on this. A simple, but powerful pattern for stateful props ✨. https://t.co/ffGwMxRaoI @CalvinR @Media Thank you! I added an alternate description to the image. I wish Twitter had better support for cod… https://t.co/PwfcfwtkUOMessing around with more styling APIs in React 👨‍🔬. Taking inspiration from @DavidKPiano's xstate library and state… https://t.co/Nxp4d1WIaC @enzo_ferey @figmadesign Right now I'm using position absolute and calc values. I'm trying to mimic Figma's constra… https://t.co/CmztH1FPhNIn partnership with #clarity2018, we surveyed 499 people for the first State of Design Systems report. Take a look… https://t.co/A9wTZIob6f
Retweeted by Travis Arnold @IAmTrySound This article explains how they work in Figma https://t.co/YDGP13W8c1. It's basically defining the rela… https://t.co/6fG4Tlx1bA
12/20
2018
This pattern starts to expand pretty nicely. CSS Grid could help with this layout as well, but constraints feel mor… https://t.co/BcWHYqXuVJI'm excited for this space to keep growing. Keep an eye on @uxpin, @webflow, @framer, and @Modulz. Design tooling i… https://t.co/XgmHHF7U8UA lot of these APIs have been well thought out already and work well for initial UI design. We get even more benefi… https://t.co/D1p54kTq2MWhat if our style constructs on the web started taking the good parts of our design tools? Inspired by @figmadesignhttps://t.co/Ahu0ce1CPJ @MarkBrooke @lonekorean It is a trade-off for me since I do like the constraint of forcing you into a better spacin… https://t.co/KsKowEgKb7 @MarkBrooke @lonekorean For things like spacing, I've never personally done a site-wide change from something like… https://t.co/O29yglQRek @lonekorean I've landed at the same conclusion. It's far easier to read a pixel value than having to do small compu… https://t.co/HeefA0C5s1 @RyanleeHamblin My best guess is it would have been seen as a breaking change so they couldn't include it by defaul… https://t.co/txNR2a9yl1 @dasheddashed I love matchMedia! It works so nice in React and Vue environments.
12/19
2018
@jamiebuilds I ran into the event merging issue a lot. @renatorib_ ended up making a composeEvents utility that liv… https://t.co/drjLSNDW4H @markdalgleish I was just having this convo with a friend 😆. I think the difference is that you have more granular… https://t.co/IMEPd0KtOl
12/18
2018

0