Pinned
<ben />
<ben />
@bensheedy.com
π Vue + Vite + Tailwind CSS (& web tech, generally. It's all good stuff) π¨βπ» Staff Frontend Engineer πΌ Superscript βοΈ he/him π Current focus Design Systems & Components (and π¦ )
924 followers283 following176 posts
Try to get outside and switch offline for a bit, but everything reminds me of @vuejs.org
<ben /> reposted
π£ Announcing: jsonreader A JSON parser for streaming data. Use JSON data immediately as it arrives β not when the stream is complete. β¨ This is magic for processing AI tool calls. jsonreader.formkit.com
Disappointed by the dominant negative reaction in the @vuejs.org reddit on @aaronfrancis.com π€― efforts to make this actually work. Experimentation like this is great to see! If something's not for you, that's fine, let it be. (google: ricky gervais guitar lessons)
For those who don't want to google...
By the way, it's stable, and it's spectacular π @tailwindcss.com @adamwathan.com
<ben /> reposted
We're hosting a local Tailwind Connect meetup β in Miami! π΄ Come hang out for a night of demos + Q&A with the Tailwind team and connect with other community members over pizza and drinks. π Mindspace Wynwood, Miami FL ποΈ Jan 21 @ 6pm RSVP to grab your spot: lu.ma/foeqxyz7
<ben /> reposted
We are getting a bit too many PRs for @vueuse.org that I couldn't digest well. If you would like to help us move faster, you can go to the PR list, upvote with π, or help review so I can get them more priorities. If you find unsolved issues, PRs are also greatly welcome! github.com/vueuse/vueus...
<ben /> reposted
Replying to @antfu.me
Also, I am looking for active maintainers to help me maintain VueUse. I'd be happy to provide some mentorships if you are interested in that. Doing OSS would be a long process tho, and probably won't make you have financial benefits at the beginning - but could be an interesting experience.
<ben /> reposted
π From now until the end of December, each referral to Warp is 1 entry into our Holiday Referrals Giveaway! Hereβs whatβs up for grabs: - North Face backpacks - Moleskin notebooks - Hydroflasks - Hoodies Weβll randomly send out swag to some of the first 200 to repost this! youtu.be/ZRk7I0Np1hk
<ben /> reposted
Want to know more about your new @bsky.app followers? This Chrome extension adds π profile, β engagement and π₯ popularity stats to all 'followed' notifications. davestewart.co.uk/products/blu...
<ben /> reposted
Itβs live! π New series: The Complete Guide to Building a Vue.js Component Library Weβre covering everything: @eslint.org , @typescriptlang.org , @vuejs.org , @vitest.dev , @tailwindcss.com 4, Histoire, Radix Vue, @nuxt.com , Unplugin, and more! Dive in now π soubiran.dev/series/the-c...
<ben /> reposted
Try out Tailwind CSS v4.0 Beta with @vite.dev and help the @tailwindcss.com team reporting back any issues you find. tailwindcss.com/docs/v4-beta...
@notion.com the svg in your context menu button is not an active area for clicking. This makes me sad. Can you fix this so I can be happy again π
Would having a label in bluesky for `meme`, allowing option for filtering them, be a good idea or terrible one? Is it already a thing? ( @patak.dev ?) (I'm not against memes and funny post, but there are times I'd like to switch them off)
<ben /> reposted
I've been using AI to help me write code for a while now, but it never occured to me before _how_ it writes code quite so well. This is a transcript of a conversation between Claude AI and myself, as I ask it to explain how it actually does what it does. davestewart.co.uk/blog/how-ai-...
<ben /> reposted
I am genuinely impressed by the effort Sarah put into this Figma Kit. I haven't seen such a complete free UI on Figma before. Additionally, it's a perfect 1-1 match with the UI components in development. Next, a Figma plugin to export as Vue components? π
Introducing our free Figma Kit for Nuxt UI V3 β¨ β’ Over 40 fully customizable components with props and slots β’ Local variables for colors, typography, and effects β’ Consistent shadow and border-radius system And much more! www.figma.com/community/fi...
Haven't been able to a starter pack for Tailwind CSS / Utility CSS so have made one. If you often post about tailwind/utility CSS. Let me know. go.bsky.app/SkSyDoC
This is super interesting! I'd been wondering how engagements would compare for the big names on twitter. My twitter engagements felt like they'd flatlined. But I've got low numbers and never paid for a blue tick.
One thing I noticed on Twitter was how my engagement had slowly been dropping in the last 6-months. I don't plan on cross-posting there anymore, but for one last one, earlier today I did one as a test to see. My audience there is 40x bigger... same engagement.
Component Gallery is well worth bookmarking for anyone who deals with naming things related to components, without going straight to "Card". If web standards hasn't got a name already, digging into this may give you an answer. Naming is hard.
This is super interesting! I'd been wondering how engagements would compare for the big names on twitter. My twitter engagements felt like they'd flatlined. But I've got low numbers and never paid for a blue tick.
One thing I noticed on Twitter was how my engagement had slowly been dropping in the last 6-months. I don't plan on cross-posting there anymore, but for one last one, earlier today I did one as a test to see. My audience there is 40x bigger... same engagement.
@markdalgleish.com also seeing the same result... bsky.app/profile/mark...
This post currently has more likes on Bluesky than Twitter. Thatβs super interesting.
If you haven't used @sli.dev then, boy, are you in for a treat The best way devs to make slideshows
βΆοΈπ¦
<ben /> reposted
π For years, the #1 most requested feature in CSS was Container Queries. We wanted them so badly! Well, theyβve arrivedβ¦ and none of us are using them. π I think I know why, and I just published a new blog post that will hopefully change that! Check it out: www.joshwcomeau.com/css/containe...
Blown away how fast people are joining up. Is there anywhere to see the live user count for bluesky? (I've not dug into API yet, am assuming it's easy to see it. @patak.dev?)
<ben /> reposted
This has become the wider spread Vue starter kit: bsky.app/profile/filr...
I couldn't find any Vue starter pack, so I made one. Comment if you're part of Vue community so I can add and follow you! Cheers! go.bsky.app/H8Tibki
<ben /> reposted
So if I share a list how does this look? bsky.app/profile/did:... I'm more likely to keep a list up to date, as I'll be using it π€
Now on to something for the @tailwindcss.com folk (or atomic CSS generally). This browser extension is super helpful when inspecting element styling, and the noise from how the default inspector treats all the utility classes. chromewebstore.google.com/detail/atomi...
<ben /> reposted
I just saw @mattpocockuk.bsky.social's post, and I wonder if a flash mob where we all post a π¦ at the same time in X could make some ripples. As in scheduling a post for tomorrow, October 31, 7 am PST π
<ben /> reposted
CSS' `:has()` pseudo-class is powerful stuff, and even moreso when you combine it with classic techniques like quantity queries and a mobile-first mindset. I wrote about it for @piccalil.li! piccalil.li/blog/making-...