Tim Kraut

I've just created an account on Mastodon: @timkraut" target="_blank" rel="nofollow noopener">a11y.social/@timkraut. I am even allowed to include links to other platforms there 🤯

@mattpocockuk Depends on the kind of data. Maybe a spreadsheet-like input would work best. In general, I'd probably tend to have different pages (different URLs/buttons/...) which share 95% of their components

You're working on CRUD for a medical app. You need to both edit existing records and add new ones. Are your edit/add pages different pages, or the same page with different behaviour?

@AlemTuzlak Oh no, this sucks! Maybe you have luck and can recover it using git reflog?

I just deleted a month worth of work by accident. AMA before the gun goes off 🔫

12 Features, die Firefox einzigartig machen soeren-hentzschel.at/firefox/12-fea… #Browser #Firefox #Chrome #Edge #Brave #Vivaldi #Opera #Safari

@40PercentGerman One (stereo-)typical German saying is "Ich kann mich nicht daran erinnern, Ihnen das Du angeboten zu haben" ("I don't remember offering you "Du") if you've used "Du" and the other person is not comfortable with it

@40PercentGerman To make it even more complicated: This is changing. My doctor (I'd guess 2-3 years older) started with "Du" and it was totally fine (even though it's a rather formal relationship). Working in IT: In my bubble, everyone uses only "Du", "Sie" would be considered rather weird

One part of German I've struggled with is whether to address people with Sie or Du. Germans have internalised it to such an extent they're awful at explaining when to use them. Luckily, I found this, but how simple can grammar be when it needs a flowchart to explain?

@adamsilverhq Clearly yes, the more interesting question is: Should it always be visible? Probably not. Sometimes it would distract from the content (e.g. a spreadsheet-like application). The more the layout is linear (text, forms) the more likely a visible one would make sense maybe? 🤔

UX question: Should every web page have an h1 heading? I came across this mock up for the Icons8 homepage. It’s missing the h1 heading. I can think of multiple good reasons to use an h1 heading. But is there a genuine benefit for users if you exclude it?

You asked (many times 🙃) and we heard you! Over the next year we'll be releasing new features including: 🔥 Tab grouping 🔥 Vertical tabs 🔥 Native profile management Get ready because browsing on Firefox is about to get a whole lot better.

JS-free dynamic popups, nice performance boost, sourcemap management and bug fixes, read what’s new in @FirefoxDevTools 125: fxdx.dev/firefox-devtoo…

@adamsilverhq Maybe entering a 6-digit second factor code? Not sure about it though

UI/UX designers: Can you think of a situation where the maxlength attribute is a good idea? (It stops users from typing too many characters)

@adamsilverhq For the other 70% of the users - sure. I can have a product with amazing usability optimized for e.g. a PlayStation controller which might exclude screenreader, keyboard, touchscreen, mouse users etc. Might be an accessibility but not necessarily an usability issue

@Tim_Kraut Do you think you can have good usability if say 30% of users cannot use it?

What is the difference between usability and accessibility?

We just published the first beta for React 19! This beta release is for collecting feedback and preparing libraries for the next major version of React. To see what's included, check out the release post: react.dev/blog/2024/04/2…

@tmcw I guess it depends on what changes you expect to happen in the future. Props are more explicit, thus easier for component-internal changes or Storybook listings. Maybe another option: Explicit prop-only component API and 1 level above, you use the Context API?

@thekitze @playwrightweb Waiting for a never matching selector should do the trick. Recording the tests (#recording-a-test" target="_blank" rel="nofollow noopener">playwright.dev/docs/codegen#r…) also kinda stops the page. Maybe that helps, too

any idea how to get @playwrightweb *not* to close the chromium browser so I have time to copy and enter the 2FA code that adobe sends to my email? I'm trying with page.pause, page.waitForTimeOut, new Promise, etc. but the browser still closes no matter what

@firefox My girlfriend is about to move away from Firefox due to the lack of a powerful tab management solution like e.g. Chrome has 🙈 Besides that, I often hear complaints about its performance which seems to be more of a marketing than a technical issue nowadays

What's stopping you from switching to Firefox? 👀

@LeaVerou @vuejs Haven't build a modal yet (only a tooltip component) with this library but floating-ui.com might be worth a look

Folks using @vuejs 3: what do you use for modal dialogs, and how much do you like it?

📢 We're excited to share our new Firefox Developer Experience blog: fxdx.dev We’ll share our latest developments, insights, and best practices for web development, browser automation, and cross-browser testing

@kettanaito I have some struggles with the V2 route definitions. My applications requires deeply nested routes where each level has its own layout route. I constantly pick the wrong file to edit either the index page or the layout page. Every route file named route.tsx doesn't help either...

Let me know about some of your challenges while working with Remix. I'm curious to see if we have some in common.

📰 Today, I write about my struggle with Remix. redd.one/blog/my-strugg… #javascript #remix #frontend

Didja know Lighthouse has a diff tool? 🤔 Compare two reports and see all the changes. googlechrome.github.io/lighthouse-ci/…