Sign in with Twitter

Username:

Adam Wathan @adamwathan Cambridge, Ontario, Canada

Creator of @tailwindcss. Host of @fullstackradio. Listener of Slayer. Austin 3:16.

660 Following   71,183 Followers   30,682 Tweets

Joined Twitter 7/25/12


EPISODE 148 [s2e04] In this episode we talk about… ♿️ Accessibility 🎃 Headless UI 📼 Tailwind Labs new YouTube C… https://t.co/l5WZQs8XxY
Retweeted by Adam Wathan @surjithctly @malfaitrobin We use Alpine, iframe-resizer, and interactjs 👍🏻 @mxstbr @steveschoger @refactoringui @tailwindcss Haha thanks Max 😅❤️ @HailwoodNZ Was planning to play with this tomorrow actually!
9/30
2020
@amyhoy @ken_wheeler Yeah mine was good 🤷🏻‍♂️ had multiple weeks per year where we worked completely unsupervised o… https://t.co/oA8fsAE9S5 @JasonPlatts76 @panic @tailwindcss Awesome!! @ken_wheeler Dude +1000 I am so scared of my kid entering the school system because of this shit. I was super lucky… https://t.co/GemWGSSKnm @ckgaparajita That’s 320 x 640 no? Not in the 500-600 range I’m worried about. @ericlbarnes Jesus.Kinda curious if this is still true, any devices out there with a ~500-600px resolution in any orientation these da… https://t.co/dAIByztzoX @kiekbjul Something like this I bet 👨‍🔬 https://t.co/T6hyu4wQUF @kiekbjul Originally the `sm` breakpoint was smaller but I did a ton of research and basically no devices exist bet… https://t.co/b8ERjOIhGAHow often have you wanted a breakpoint bigger than 1280px in your Tailwind projects? Thinking about adding a `2xl`… https://t.co/Wo8KfW0zpE @_tombryan @figmadesign Hey! Unfortunately we need to preserve the stroke for these, since we want to be able to ad… https://t.co/1oTTIAoED2 @gibasmaciej @steveschoger @terry_upton Not officially 👀 Those are subject to change/break/removal at any time so be warned, hah.I think the worst part about discussing things on Twitter is that there's this built-in need to "win" because there… https://t.co/RxmbNzPAjC @steveschoger @samselikoff It's easier than you think! https://t.co/5iem0xg3Cg @devongovett @mjackson @mxstbr @steveschoger @refactoringui @tailwindcss Personally I take offense to the idea that… https://t.co/IsfuANxAo5 @devongovett @mjackson @mxstbr @steveschoger @refactoringui @tailwindcss There’s also the issue of decision-making… https://t.co/XLTxMkvJoB @devongovett @mjackson @mxstbr @steveschoger @refactoringui @tailwindcss I think a lot of people release open-sourc… https://t.co/R2Jsw93bCW @devongovett @mjackson @mxstbr @steveschoger @refactoringui @tailwindcss This is a pretty cynical take. I think mos… https://t.co/7s0iThpgDc @jansedlon Usually what you want in those situations is just padding on each child, and only using the `divide` uti… https://t.co/Cpm85GDkSX @rubikspixel @figmadesign Yeah appears so, here's all my prefs: https://t.co/2EJgz5oI50 @ChaseGiunta @terry_upton @steveschoger Yeah looks like if you export to SVG then re-import that SVG it doesn't und… https://t.co/NnexbKleys @figmadesign Weird one I can't figure out how to work around — copying something as SVG then importing that same SV… https://t.co/m7yji1kc72 @marceh0le @jackmcdade It's open source here! https://t.co/ueeaMrSd4A @lmajano Markdown + custom script to convert to HTML with a custom stylesheet, then convert that HTML to PDF with PrinceXML 👍🏻 @terry_upton @steveschoger Ah weird, I guess Figma just can't import the SVGs it exports period then? That sucks. @steveschoger @terry_upton You can also grab them unoptimized from the `src` folder and these ones should work:… https://t.co/oUHYxRbiGA @kotpal @NickCarchedi Feel free to ask here. Anything not covered in that interview is probably covered here though… https://t.co/EqVEeyAlpD
9/29
2020
Just found this gem of an interview with @adamwathan. Favorite quote: “you gotta start with a bad idea to help you… https://t.co/Kz8JzivP8c
Retweeted by Adam Wathan @hald_andreas @tailwindcss Hey! Yeah this is just an unfortunate consequence of CSS specificity. Have to redeclare… https://t.co/vy3AkjxFCp @DevTGhosh Will be a few months, early next year I expect 👍🏻 we’ve been careful not to promise them or anything on… https://t.co/9G7NRvurAr @DevTGhosh Yeah we will use them to power React/Vue versions of the Tailwind UI components for Tailwind UI customer… https://t.co/eAkYlRrSdw @devgummibeer @focojoaco @lznpde 👀 https://t.co/OUaJYgcrGz @MitchumOwen We’re working on a Figma Kit but nothing for Sketch I’m afraid. Figma one will be ready sometime next month!
9/28
2020
@charles_okw @giesburts @malfaitrobin We’re going to add Vue examples in the coming months 👍🏻 @giesburts Yep it’s in the cards! Right now most people use this handy bookmarklet @malfaitrobin put together: https://t.co/7HWhSDUPKFSomehow I'm still shocked by Tailwind... it's actually easier to design with than a design tool, with the added bon… https://t.co/aVH9kO4S3n
Retweeted by Adam Wathan @simeonGriggs @jackmcdade @fullstackradio Fair feedback! At this point to me it's either do something like this whe… https://t.co/dS9UMUc5Vk @the1diegodiaz https://t.co/VOnSF2ao3p 👍🏻Curious, any big Tailwind fans out there who identify as a designer first, developer second? 🙋I was there! 😅💪🏻 https://t.co/u0qNfGc5p5
9/27
2020
@Ruud_ Yeah I totally agree, planning to remove the dots throughout the whole docs 👍🏻Website I would pay $100/mo for: Somewhere where I can say “show me a picture of {princess my daughter is obsessed… https://t.co/6HIrQ5DutC @thebigk End of the week 👍🏻
9/26
2020
Should me and @jackmcdade release a new @fullstackradio every week instead of every 2 or 3 weeks? 🤔 @imjakechapman @tailwindcss In the mean time I would just write the CSS from scratch yourself in a CSS file like the good old days. @imjakechapman @tailwindcss Going to be looking at that project again next week so can sort it out then. @sagalbot @malfaitrobin This is a good idea! Haha...🔥 Announcing Master Gatsby! Learn to build modern websites with Gatsby, React, Custom Hooks, GraphQL, Serverless Fu… https://t.co/tnVjnWuoJS
Retweeted by Adam Wathan @wesbos @ianlandsman @syntaxfm You have my permission to do this 😅 https://t.co/aZDPH4aCXf @dev__adi @wesbos @syntaxfm @stolinski Not looking for that, haha... Just desperately seeking the approval of my local BBQ hero 😅 @wesbos @ianlandsman @syntaxfm Sorry man didn't mean to unleash the hounds 😟 All I wanted to do was make a Sandlot joke 😰 @room_n @wesbos @syntaxfm Every site! 😅 @wesbos @syntaxfm We can do a live-stream or something together if you want! My next biggest fear is you trying it… https://t.co/4ZYFKwbugQMe listening to @wesbos say he doesn’t build the sort of sites that Tailwind is good for for the 573rd time on… https://t.co/h49jDPedJy @gksander93 Thanks Grant! ❤️ @swkeever @fullstackradio Yeah it is and I’m generally very happy with it but I’m also not quite their target marke… https://t.co/BnWVboJvcu @swkeever @fullstackradio Hey! Never even started honestly, just tossed it around about 100 times. @eaf4 @barelyknown @malfaitrobin @gavinjoyce Yeah have talked with Gavin a bit about it and going to support him on… https://t.co/jDz4hGg6ZL
9/25
2020
@rjs @AdamStddrd Ah man absolutely can’t wait to get my hands on this! Congrats man 🙌🏻 @joe_legnd Thank you! 🙌🏻 this is definitely a team effort though, @malfaitrobin wrote literally every line of code… https://t.co/vX5SwR5VpY @ScraperDev This is the beginning of that! 🙌🏻 @safaiyeh Essentially yes but it’s a lot more complicated than you make it sound 😅 https://t.co/HuMZlNmeUy @seldaek I know what it’s called 😋 thanks man!These are *headless* components, they have no styles, they render nothing, they have no visual opinion at all. Tai… https://t.co/r8QQiuYkaoThe underlying motivation for building these libraries is so we can offer React, Vue, and other versions of what we… https://t.co/UlUTXd4k7iInstead, it’s a set of low-level completely unstyled primitives that let you build *custom* versions of common comp… https://t.co/INtK0ZArLUFirst of all, what it’s not: ❌ Not an alternative to Tailwind UI ❌ Not a predesigned UI kit ❌ Not styled at all ❌… https://t.co/voSM8gWjGHA few people are a little bit confused about what this library actually is, so quick thread with some explanation... https://t.co/pXaw5nlUtk @Thur These components are completely unstyled and render literally nothing on their own so not really anything use… https://t.co/wl8CA5R1DL @juanmibesada @malfaitrobin @polymer @stenciljs Never seen an example of building a component with this type of API… https://t.co/10EqRxiIQS @KyleWetton If it changes it’ll be in microscopic edge casey ways that will probably affect no one 👍🏻 @dennisjosek @malfaitrobin One day 😅 haven’t started yet. I’m sure we’ll have a few components implemented by the end of the year. @subwaytime_ @ChaseGiunta @jjlange_bird @malfaitrobin @tailwindui There is literally nothing from Tailwind UI that… https://t.co/Uo5vR3EDea @subwaytime_ @ChaseGiunta @jjlange_bird @malfaitrobin @tailwindui Nothing from Tailwind UI is freely available, I d… https://t.co/7w0Efr0wfJ @subwaytime_ @ChaseGiunta @jjlange_bird @malfaitrobin @tailwindui This is what a Headless UI menu button looks like… https://t.co/5VHzl45zMz @subwaytime_ @ChaseGiunta @jjlange_bird @malfaitrobin @tailwindui Headless UI isn't a set of designed components yo… https://t.co/KJccCJRSAJ @subwaytime_ @ChaseGiunta @jjlange_bird @malfaitrobin @tailwindui We are building Headless UI *so we can add React… https://t.co/5RRVgRozycDoing a little live stream with @jackmcdade where he's going to build a radical dropdown with Headless UI! Will be… https://t.co/Ec0erntcEOI'm planning to build an @emberjs version of Headless UI. Ember versions of new components will be available soon a… https://t.co/FAJgcxXACz
Retweeted by Adam Wathan @ChazzaDev Yeah @kcubero27 @steveschoger Headless UI is a set of free open source libraries we're working on that will make it easi… https://t.co/4CmasMyVGL @web2033 @malfaitrobin Eventually the real docs will be right on the site with live examples and other helpful stuff.Gotta be the cutest decapitation apparatus logo you've ever seen though right? 💃 https://t.co/jLrmE9Bzsi @ernesto28934264 @malfaitrobin Yep next week! https://t.co/llIhdkEevG @mijustin @malfaitrobin Any interest in pre-ordering? $1850. @sansildev Ignore that, just a mistake! 🙈 @IsidroMar95 Just for Vue 3 currently. We expect this will seem like the obvious decision 5-6 months from now but i… https://t.co/kL9olNJ6d8 @jjlange_bird @malfaitrobin @tailwindui Tailwind UI is a set of fully designed HTML templates. This is a set of com… https://t.co/ObIl37MJaC @GregBrimble @malfaitrobin Yeah correct this will replace those, we decided "Tailwind UI React" was a pretty confus… https://t.co/3QTml6vRKbPlay with it, test it, break it, and let us know what you think! We'll work out all the kinks over the coming month… https://t.co/9t7tm99jC4...and here's one in Vue 3: https://t.co/ty0VXx7iqNHere's a quick demo of the Menu Button component in React: https://t.co/yUW1Uf74LKIf you haven't seen us hinting at it, Headless UI is a set of completely unstyled, fully accessible UI primitives t… https://t.co/2sjvCX1Ryv🚀 It's still early, but we tagged the first releases of Headless UI for React and Vue! We're starting with a Menu… https://t.co/BOHiDH93eE @pdevito3 Ah bummer, thanks for letting me know!🚀 We just launched the new @tailwindcss YouTube channel! @simonswiss is kicking it off with an all-new "What's new… https://t.co/cSgOZkvrjD
Retweeted by Adam Wathan @therealdanvega @Netlify Yeah to be clear I'd like to post them somewhere with the code right next to it so people… https://t.co/Ob97W9Z9d1
9/24
2020

0