user avatar
Joe Bell
@joebell_
founding design engineer @operatecrm • building cva.style
🇪🇪
Joined May 2009
Posts
  • user avatar
    Voldemort’s true bloody form in heaven is on the floor. Harry asks “what happened to him?”. Dumbledoor replies “He single-handedly maintained the company design system”
  • user avatar
    RIP to all my fellow web devs waking up this morning to learn that they now need to account for a third iOS Safari layout when stretching content to viewport height
    Safari layout options in iOS 26
  • user avatar
    why order imports alphabetically when you can order them a e s t h e t i c a l l y
    A list of imports, ordered in a manner that visually appears in a consistent diagonal line downwards:

import { Button } from "@/components/button";
import { Table } from "@/components/table";
import { Link } from "@/components/link";
import { Box } from "@/components/box";
import { Hr } from "@/components/hr";
  • user avatar
    If your app contains multiple scroll containers, consider adding `overscroll-behavior: none` to your html/body to prevent "page bounce" before → after
    00:00
    00:00
  • user avatar
    Why show your users a loading spinner when you can give them a “loading disco”? joebell.co.uk/sketches/loadi…
    00:00
  • user avatar
    I'd genuinely love to understand how people use Discord without feeling like they're in a constant state of sensory overload
  • user avatar
    Currently renting a 2024 @VW Tiguan and it has—no exaggeration—the most horrific user-hostile climate control interface I have ever seen Imagine doing this at 110km/h
    00:00
  • user avatar
    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: deck-24abcd.netlify.app
    00:00
  • user avatar
    Using the Next.js <Image/> component? Don’t forget to make the most of the `onLoadingComplete` callback to add some delicious transitions ✨ e.g. joebell.co.uk
    00:00
  • user avatar
    Thrilled to share that I'll be joining the design team at @vercel next week ▲
    00:00
  • user avatar
    Pro @tailwindcss design system tip: Create an `initial:` variant to set default styles that can be overridden by utility classes
    @custom-variant initial {
  @layer initial {
    @slot;
  }
}
    A simple React.js component that uses the `initial:` variant to allow for overriding
    Two Spinners; the default and a big blue one
  • user avatar
    Playing around with @astrodotbuild's experimental support for View Transitions – it's a thing of beauty ✨
    00:00
  • user avatar
    Closing a big deal should feel like a big deal 🎆
    00:00
  • user avatar
    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.