Log inSign up
Kitty Giraudel
15.2K posts
Image
user avatar
Kitty Giraudel
@KittyGiraudel
Non-binary trans accessibility & diversity advocate, frontend developer, author. Real life cat. She/her. 🏳️‍⚧️
Berlin
kitty.berlin
Joined April 2012
464
Following
14.3K
Followers
  • Pinned
    user avatar
    Kitty Giraudel
    @KittyGiraudel
    Aug 18, 2024
    I’ve finally released a11y-dialog v8.1.0 with some overdue web components related fixes and the ability to cancel events to better integrate with third parties and complex interfaces. 🔥
    Image
    Release 8.1.0 · KittyGiraudel/a11y-dialog
    From github.com
    2.8K
  • user avatar
    Kitty Giraudel
    @KittyGiraudel
    Apr 30, 2018
    GitHub *finally* moved the + and - symbols from diffs to CSS pseudo-elements, making it possible to copy code directly from a diff without having to clean it up. That is long overdue and fantastic. ✨
    Copying code from a GitHub diff
  • user avatar
    Kitty Giraudel
    @KittyGiraudel
    Aug 16, 2016
    Can this be ever more Twitter?
    Image
  • user avatar
    Kitty Giraudel
    @KittyGiraudel
    Aug 14, 2018
    Sharing a link with someone in 2018: 😀 Open web page 🙂 Close cookie banner 😐 Decline desktop notifications 😕 Dismiss newsletter popup 🙁 Remove UTM parameters from URL 😶 Finally send link
  • user avatar
    Kitty Giraudel
    @KittyGiraudel
    Nov 3, 2022
    I just remembered Slack supports sed-like syntax to edit a message. 🤯 For instance: /s/great/amazing/ would replace the word “great” by “amazing” in the last message. 🔥
    Image
    00:00
  • user avatar
    Kitty Giraudel
    @KittyGiraudel
    May 29, 2017
    Dear designers of the web, no matter how cool light grey on white looks, you can’t do that. Thank you, —Anyone without perfect vision
  • user avatar
    Kitty Giraudel
    @KittyGiraudel
    Jul 2, 2017
    I’m just discovering this quite incredible resource to learn about algorithms: visualgo.net.
    Image
  • user avatar
    Kitty Giraudel
    @KittyGiraudel
    Aug 10, 2018
    Given how straight-forward HTML is, it's quite surprising how many front-end developers don't know its fundamentals. Don't skip on learning HTML if you work on web UIs, folks! It's the core of what we do, it's important. 🌟
  • user avatar
    Kitty Giraudel
    @KittyGiraudel
    Aug 14, 2021
    I have terrible eyesight, so I use Twitter’s largest font size (from their Display settings) and I can tell you no one is testing the interface with that setting.
    Twitter’s cancellation dialog displaying a button with the label “Dis…” when using the largest font size option from Twitter’s display settings.
  • user avatar
    Kitty Giraudel
    @KittyGiraudel
    Feb 9, 2022
    In the series “interfaces that are never tested with a zoom above 100%”, may I present GitHub. Hire people like me: incredibly cute ✨ but with terrible eyesight. I use most sites at 150%+ zoom and I stumble upon things like this daily.
    Screenshot of a pull-request comment form where the Markdown buttons from the text editor completely overlap with the Write/Preview tabs in a pretty ugly way.
  • user avatar
    Kitty Giraudel
    @KittyGiraudel
    Apr 30, 2018
    Replying to @KittyGiraudel
    So, it turns out that it’s a feature from GitHub Refined from @sindresorhus, not from GitHub itself. My apologies for the short-lived happiness. That being said, if you didn’t give Refined GitHub a try, now is a good time! 👌
  • user avatar
    Kitty Giraudel
    @KittyGiraudel
    Nov 27, 2023
    This is why we can’t have nice things, because of dipshit ideas like this. What a dreadful move, contributing to polluting an increasingly unreliable internet. This is something to be fucking ashamed of, not celebrated.
    Tweet from Jake Ward:
We pulled off an SEO heist using AI.

1. Exported a competitor’s sitemap
2. Turned their list of URLs into article titles
3. Created 1,800 articles from those titles at scale using AI

18 months later, we have stolen:

- 3.6M total traffic
- 490K monthly traffic
    102K
  • user avatar
    Kitty Giraudel
    @KittyGiraudel
    Feb 24, 2020
    ✨ Formally introducing “Selectors Explained” now that it works okay. 🤯 A small utility to demystify CSS selectors, explaining them in plain English. 🔗 hugogiraudel.github.io/selectors-expl…
    Selectors Explained, a small utility to explain CSS selectors in plain English
  • user avatar
    Kitty Giraudel
    @KittyGiraudel
    Mar 27, 2022
    Absolutely horrendous idea which would be a significant accessibility drawback. Don’t do that, ever. Downright terrible—it’s not a CSS tip, it’s a CSS mistake.
    user avatar
    Ajay Yadav
    @ATechAjay
    Mar 24, 2022
    💚CSS Tip💚 🛠 Now you can not select the text of the website. 👀👇
    Image

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
Advertisement
Advertisement