Joe Bell
@joebell_
Followers
5,674
Following
572
Media
1,537
Statuses
16,085
Explore trending content on Musk Viewer
Mother's Day
• 1167929 Tweets
Arsenal
• 355563 Tweets
Feliz Dia
• 309445 Tweets
Mães
• 264314 Tweets
Moms
• 259220 Tweets
#鬼滅の刃
• 173388 Tweets
Manchester United
• 110617 Tweets
NAYEON
• 90107 Tweets
#MUNARS
• 69554 Tweets
Saka
• 47175 Tweets
Casemiro
• 45796 Tweets
Karagümrük
• 41651 Tweets
Old Trafford
• 37759 Tweets
Man U
• 32490 Tweets
ヒロアカ
• 32366 Tweets
Amad
• 30586 Tweets
Garnacho
• 28526 Tweets
Evans
• 26647 Tweets
Arapça
• 25556 Tweets
Antony
• 23445 Tweets
Arteta
• 22643 Tweets
Trossard
• 22530 Tweets
Hojlund
• 18909 Tweets
ارسنال
• 15321 Tweets
Onana
• 14686 Tweets
Amrabat
• 14104 Tweets
Partey
• 13846 Tweets
アニオリ
• 11762 Tweets
伊黒さん
• 11084 Tweets
Last Seen Profiles
why order imports alphabetically when you can order them
a e s t h e t i c a l l y
55
252
3K
Why show your users a loading spinner when you can give them a “loading disco”?
51
137
2K
I'd genuinely love to understand how people use Discord without feeling like they're in a constant state of sensory overload
122
118
2K
I urge you to stop what you’re doing and feast your eyes on
@simeydotme
’s mesmerising “Pokemon Cards”
One of the most mind-blowing CSS effects I’ve ever seen
Demo:
36
164
1K
Using the Next.js <Image/> component?
Don’t forget to make the most of the `onLoadingComplete` callback to add some delicious transitions ✨
e.g.
27
83
980
Playing around with
@astrodotbuild
's experimental support for View Transitions – it's a thing of beauty ✨
27
83
910
That awkward moment when you read a tweet bashing
@tailwindcss
and realise its your code
This is astonishing! What series of events leads to such markup? Because CSS this is not.
110
74
634
37
23
731
Ever wondered if it was possible to create *pure CSS* blurred image placeholders? ✨
Introducing "Plaiceholder" 🖼
Transform your images into beautifully lightweight placeholders, with ease
7
45
366
Spent the last few weekends giving a much-needed polish 🧼
Here's a thread of highlights…
17
7
328
Excited to share that next week I’ll be joining the design team at
@ClerkDev
🥳
Can’t wait to jam with
@PixelJanitor
,
@jamesm
and co.
29
4
304
Here's a tiny collection of some of my favourite "date pickers" from across the web... 🧵
23
32
299
Say hello to 🙋🏼♂️
The new and improved – long overdue – home for "Class Variance Authority" documentation
Now with *real* working examples for
@reactjs
,
@sveltejs
,
@vuejs
,
@tailwindcss
and more…
25
28
276
Introducing Plaiceholder 2.0 🖼
Create beautifully lightweight *pure CSS* blurred image placeholders, and more...
Now with:
🔥 90% less CSS
🌐 Remote images
📏 Size customisation
🧹 New and improved API
🆕 A shiny new
@tailwindcss
JIT plugin
3
34
260
I used
@tailwindcss
because I was able to build something that looks super slick super quick
I didn’t build this to be read in “Inspect Element” lol
6
4
237
Building a "Card"?
Don't use a button/anchor to wrap content; a semantic and accessibility nightmare.
"Break out" the interaction instead, as explained by
@SaraSoueidan
¹ and
@hankchizljaw
²:
1.
2.
Seen on :
8
28
228
Personal update: next month I’ll be moving on from Vercel
Grateful that I had the chance to work closely with such a lovely, wildly-talented set of people — I’ll miss you terribly
Prioritising some downtime, then open to opportunities from mid-April ✌🏼
10
0
223
After months of late nights, early mornings, weekends, flights, and train journeys...
cva
@1
.0 is now in beta
9
17
218
Friendly reminder that you can "block" some AIs from crawling your website content via `/robots.txt`
(credit to )
6
33
193
Just shipped: v3.0🐟
After 1,060 days, ~1.9k stars, and a brief period as a small SaaS app; the project has finally reached the finish line
It's been a wild ride
2
18
190
I'm looking for my next role 👋
• UI / Front-end engineer with a soft spot for design systems + semantic HTML
• Currently enjoying React.js via Next.js
• Don't mind how you write CSS (as long as it’s consistent)
I’d love to hear from you!
13
47
179
I've been working a 4-day workweek – with no salary sacrifice – for over a month now and I already know I'm *never* going back
📈 Productivity up
📉 Stress level down
8
5
177
For a while I’ve wanted to write a long tweet or blog post about the everlasting debate on “the right way to write CSS”
Everything from CSS-in-JS to Tailwind…
Honestly? Now I just think it’s all a huge waste of energy and I don’t really care anymore
19
3
175
experiment: blurring low-res image placeholders to create a “glow”
6
7
178
There are literally no downsides to crediting the people that inspired or contributed to your work
5
12
174
Here’s what it renders…
As for the source; it's using “cva” so it looks nothing like the output
(see )
Anyway that’s not the point; the point is I really couldn’t care less because it’s my own damn website
Why show your users a loading spinner when you can give them a “loading disco”?
51
137
2K
9
3
158
17
7
153
What if I told you that you could create a pure CSS LQIP on-demand by writing a
@tailwindcss
class?
Say hello to Plaiceholder's Tailwind JIT plugin 🚀
Coming soon…
Coming sooner if I get more "Pro" members...
9
21
151
I'm so socially awkward about working on my personal site in public (e.g. planes, trains or cafés) that I made an "awkward mode" to hide any content about me
11
1
148
Introducing my newest open-source adventure…
"cva" (class variance authority) ✨
Create type-safe variants for your components, without being tied to CSS-in-JS
12
17
146
You know when you join a public WiFi and sometimes that pesky login page just never pops up?
Well here's a little shortcut to force it open:
(pro-tip: run via
@raycastapp
)
6
8
145
me opening twitter to see what's new in the world, only to read the exact same
@tailwindcss
drama that's been regurgitated every other week for the last 5 years
7
5
145
Pro tip for
@stitchesjs
🧠
Add a `motionSafe` breakpoint to avoid playing transitions/animations to users who've requested not to see them
(borrowed this one from
@tailwindcss
)
4
9
133
Didn't really plan on sharing this publicly, but fuck it…
Just finished my first month on antidepressants, and it's so nice to feel like myself/human again 💆🏼♂️
My only regret: not seeing a doctor sooner
8
1
129
Just dropped plaiceholder v2.5.0 🚀
• Up to 30% smaller Base64 placeholders by default
• Customize transparency, brightness, saturation and more…
• More examples and refined docs
and finally, a huge thanks to
@vercel
for sponsoring hosting 🖤
5
8
130
Friendly reminder: "cva" isn't just for Tailwind
Love CSS Modules, but want fully-typed variant props? Don't sweat it.
12
11
124
@AdamRackis
“Ah shit, you got me! I went through your whole bullshit interview process — 7 tech tests, technical essay and 4 prior interviews — because I’m not interested in this position”
3
2
124
contrary to popular belief, open-source maintainers don't consider your use-case or "blocker" more important than their personal lives
3
10
122
Update! Now includes:
• An open-source example
• Some background on where the idea came from (which you can scroll straight past)
Feel free to copy, remix, and improve to your heart's content ✌🏼
Why show your users a loading spinner when you can give them a “loading disco”?
51
137
2K
5
6
122
Life update: we're going nomad ✈️
First stop: Sri Lanka 🇱🇰 (April 11th)
Next stop: No idea ❓
Signed up to
@NomadList
and I'm ready to gooo
11
0
105
Personal update: today I started a contract role at
@MonographHQ
🥳
Can't wait to go to work doing what I love most; building tasty UIs with
@stitchesjs
,
@radix_ui
and Next.js
10
8
103
Today, I’m kicking off “Sketches”; a series of posts exploring polished interfaces
Sketch №1: “Bias Lighting”
Ambilight for the web
2
6
96
Just shipped 🔟
Spent some of my downtime studying the legendary work of Dieter Rams, and his "Ten Principles of Good Design" really resonated with me
So here's a super tiny site for future reference
5
10
98
At the risk of sounding like a complete suck-up:
Learning
@nextjs
genuinely changed my career for the better 📈
If you would've told me – a UI engineer – 3 years ago that I would build open-source Node.js packages, APIs and full-stack web apps, I would've laughed at you
8
1
98
Today's the end on an era ▲
Heading offline for a long-overdue break
Personal update: next month I’ll be moving on from Vercel
Grateful that I had the chance to work closely with such a lovely, wildly-talented set of people — I’ll miss you terribly
Prioritising some downtime, then open to opportunities from mid-April ✌🏼
10
0
223
4
0
97
*I'm no longer looking for my next role 🙆🏼♂️
I'm looking for my next role 👋
• UI / Front-end engineer with a soft spot for design systems + semantic HTML
• Currently enjoying React.js via Next.js
• Don't mind how you write CSS (as long as it’s consistent)
I’d love to hear from you!
13
47
179
9
0
96
@razvancaliman
Hey, I’m the author of this code 👋🏼
Feel free to check out the page for yourself:
Some missing context:
1. It’s my personal site
2. It’s an isolated prototype with themes
3. Semantic, accessible + performant animations
4. source !== output
3
0
91
Next.js just deprecated my `next-google-fonts` library
(and I couldn't be happier!)
Always bet on
@vercel
⚡️
Next.js 10.2 is out now!
Super excited to roll out webpack 5 to a majority of Next.js users by default while keeping backwards compatibility for apps that did customization. This has been a multi-month effort in ensuring you can upgrade your Next.js app as smoothly as possible
11
47
392
4
2
90
4 years ago today, I was in Tallinn finishing up a small consultancy gig and getting ready to head back to the U.K.
I went on a Bumble date and life took a turn for the better
💙🖤🤍
3 years ago today, I was in Tallinn finishing up a small consultancy gig and getting ready to head back to the U.K.
I went on a Bumble date and life took a turn for the better
💙🖤🤍
0
0
26
5
0
90
@shadcn
@eliotovele
Probably a good time to say that v1 is currently in progress with some big features to come — stay tuned ✌🏼
3
7
89
PSA: you can reduce the opacity of any color in CSS via the well-supported `color-mix()` function 🏁
Particularly handy for colors defined as custom properties
3
6
85
dream styling solution:
type-safe css, written in .css
css-in-ts-in-css?
17
2
83
Confession: I’ve always been so paranoid about framer-motion’s bundlesize that I’ve never really considered using it
I’m only now realising just how much fun I’ve been missing out on 🫣
14
0
80
There's nothing more humbling than trying to style a `table` element
5
2
79
It took 10+ years of coding for fun and work, but today the confidence finally hit me…
I can build absolutely anything from absolutely nothing
5
0
81
@dendekky
@t3dotgg
@tailwindcss
I don’t think it’s fair to call them a troll for a different opinion! I’d just rather prioritise my development experience, semantic markup, and user experience, over their “inspect element” experience
3
0
78
“any reason why there hasn’t been an update to in months?”
the reason:
10
0
79
When dark mode is enabled, image brightness and saturation is reduced to avoid eyestrain
6
1
77
@razvancaliman
5. It’s designed for the user, not your dev tools
If anyone here feels angry about how my code output looks that’s totally fine, but I promise you it’s a waste of energy
The right way of writing CSS is the one that brings the best out of you
4
0
77
5 years ago today, I was in Tallinn finishing up a small consultancy gig and getting ready to head back to the U.K.
I went on a Bumble date and life took a turn for the better
💙🖤🤍
4 years ago today, I was in Tallinn finishing up a small consultancy gig and getting ready to head back to the U.K.
I went on a Bumble date and life took a turn for the better
💙🖤🤍
5
0
90
3
0
78
📝 New post: “How to Shave a Yak”
Getting distracted from my goals reinvigorated my personal life and my career in tech
I poured my heart into this and I’d love to hear what you think
5
13
73
"Generate a grid of dashed lines with 2 conic gradients"
Absolutely mind-blowing technique by
@ChallengesCSS
1
7
72
happy friday to everyone except the person who decided it should be…
React.forwardRef<Ref, Props>((props, ref) => …)
instead of…
React.forwardRef<Props, Ref>((props, ref) => …)
5
3
71
Introducing “raam" 🚢
Flex-based layout primitives with support for `gap`
5
10
67
Me in 2016: Why would anyone use CSS-in-JS? This is outrageous.
Me in 2020: Why would anyone not use CSS-in-JS? This is outrageous.
4
11
65
I *love*
@vercel
, but I'm wondering if it's time I gave
@netlify
another shot for my next project – I'm itching to give the new Edge Functions offering a spin with something like
@remix_run
/
@eleven_ty
10
0
65
This morning I filed my annual income tax return in Estonia, and thought it would be interesting to time the whole process from start to finish
It took 37 seconds
10
0
65
Here’s an ongoing thread of UI development content I revisit on a regular basis… 🎨
2
7
63
Component Library Pro-tip 💡
Make the first story of a component in
@storybookjs
a "Kitchen Sink" of all possible variants
+ Quicker variant discovery
+ Easier development for component-wide changes
+ Easier debugging
+ Extremely aesthetic
0
6
61
Last night I spent a couple of hours moving to
@astrodotbuild
's "Starlight" framework
It was delightful 💆🏼♂️
5
4
61