Log inSign up
Benjamin De Cock
Cursor
20.9K posts
Image
user avatar
Benjamin De Cock
Cursor
@bdc
Designer @cursor_ai. Formerly @stripe, @csswg.
Joined November 2007
143
Following
24.6K
Followers
RepliesRepliesMediaMedia

New to X?

Sign up now to get your own personalized timeline!

Create account

By signing up, you agree to the Terms of Service and Privacy Policy, including Cookie Use.

TermsยทPrivacyยทCookiesยทAccessibilityยทAds Infoยทยฉ 2026 X Corp.
Don't miss what's happening
People on X are the first to know.
Log inSign up
  • user avatar
    Benjamin De Cock
    Cursor
    @bdc
    Feb 28, 2019
    The CSS Working Group agreed this morning on adding many math functions. We now have: โ€ข calc() โ€ข min() โ€ข max() โ€ข clamp() โ€ข sin() โ€ข cos() โ€ข tan() โ€ข acos() โ€ข asin() โ€ข atan() โ€ข atan2() โ€ข hypot() โ€ข sqrt() โ€ข pow() The face of CSS is rapidly changing.
  • user avatar
    Benjamin De Cock
    Cursor
    @bdc
    Aug 14, 2018
    I moved to the Bay Area a month ago. Here are my first, unfiltered impressions:
    Image
  • user avatar
    Benjamin De Cock
    Cursor
    @bdc
    Apr 13, 2020
    ๐Ÿงต It's time for our industry to realize the title "frontend developer" is obsolete. The vast majority of these profiles are actually "JS engineers", and they're usually quite good at it, but they're not as good at all the other things contributing to great frontend experiences.
  • user avatar
    Benjamin De Cock
    Cursor
    @bdc
    Feb 20, 2018
    Fun fact about stripe.com/environment : while the hero image is loading, the header displays an inline SVG illustration blurred with a CSS filter แ••( แ› )แ•—
    Image
    Image
  • user avatar
    Benjamin De Cock
    Cursor
    @bdc
    Jun 12, 2020
    I recently left Stripe after 8 incredible years. Iโ€™m extremely proud of what weโ€™ve built, and Iโ€™ll be forever grateful for getting the chance to learn from the smartest, kindest, most humble and optimistic coworkers I could have ever hoped for.
  • user avatar
    Benjamin De Cock
    Cursor
    @bdc
    Sep 30, 2021
    I had a ton of fun designing and implementing increase.com and I thought I could share some of the pleasing technical details about it. ๐Ÿงต Thread:
    Image
    Increase โ€” Enterprise-grade Banking APIs
    From increase.com
  • user avatar
    Benjamin De Cock
    Cursor
    @bdc
    Mar 2, 2021
    New job, new tools: ๐Ÿ’ป Hardware โ€ข MacBook Pro M1: Biggest jump in performance I've ever experienced with a new Mac. โ€ข Pro Display XDR: Actually worth the price. I'm serious. ๐Ÿ’พ Software โ€ข Figma: Switching from Sketch, mostly for easier collaboration. โ€ข VS Code: Adios Vim.
    Image
  • user avatar
    Benjamin De Cock
    Cursor
    @bdc
    Sep 28, 2021
    We're still in private beta and we barely have a site (page?) but, excited to share our baby steps nonetheless. Say hi to Increase!
    Image
    Increase โ€” Enterprise-grade Banking APIs
    From increase.com
  • user avatar
    Benjamin De Cock
    Cursor
    @bdc
    Apr 1, 2020
    Just saw yet another tweet mocking CSS centering that went viral. This meme will never die, will it? It's literally *two* lines in CSS nowadays: display: grid; place-items: center;
  • user avatar
    Benjamin De Cock
    Cursor
    @bdc
    Feb 24, 2017
    Friendly reminder: you don't need weird shenanigans to convert HTML strings to DOM nodes, there's a native API for that!
    Image
  • user avatar
    Benjamin De Cock
    Cursor
    @bdc
    Feb 27, 2018
    Donโ€™t change an elementโ€™s `display` for its side-effects, make your intent explicit instead! /* Remove the space below an image */ โŒ img {display: block} โœ… img {vertical-align: middle} /* Resize to fit the content */ โŒ div {display: inline-block} โœ… div {width: max-content}
  • user avatar
    Benjamin De Cock
    Cursor
    @bdc
    Sep 4, 2018
    Quick example of an alternating two column layout made with CSS Grid:
    Image
  • user avatar
    Benjamin De Cock
    Cursor
    @bdc
    May 8, 2019
    `clip-path` makes it even easier to create our typical 12deg backgrounds in CSS ๐Ÿ’•
    Image
  • user avatar
    Benjamin De Cock
    Cursor
    @bdc
    Aug 4, 2021
    It seems like a very common practice now to define the color palette in CSS using custom properties mapped to hexadecimal values. That's suboptimal. I highly recommend to use a functional syntax instead so that you can easily change the alpha value if needed.
    Image
Advertisement
Advertisement