André Schröter (@function_de) profile picture

@function@mastodon.cloud frontend developer loves accessibility and usability

Bonn, Germany
Joined January 2009
Photo by André Schröter (@function_de)Photo by André Schröter (@function_de)Photo by André Schröter (@function_de)Photo by André Schröter (@function_de)Photo by André Schröter (@function_de)Photo by André Schröter (@function_de)Photo by André Schröter (@function_de)Photo by André Schröter (@function_de)Photo by André Schröter (@function_de)
André Schröter retweeted
62
761
159
3,285
André Schröter retweeted
Wir spenden der gematik ein paar Zeilen Code im Wert von 400.000.000€ Wetten, dass die Hersteller lieber das deutsche Gesundheitssystem plündern, statt die einfache, kostengünstige Lösung umzusetzen? Die 400Mio gehen dann in ihre Tasche. ccc.de/de/updates/2022/konne…
34
786
60
3,063
André Schröter retweeted
When your code works, but you have no idea how
112
1,085
116
8,254
André Schröter retweeted
📝 When avoiding <img> layout shifts, what's best? aspect-ratio, or width & height attributes? There's some misinformation & misunderstanding around this stuff, so here's a bunch of demos and spec digging to explain how it works. jakearchibald.com/2022/img-a…
26
222
12
1,111
André Schröter retweeted
Geld verbrennen mit Digitalisierung - weil, wir habens ja. "Statt 300 Millionen Euro für den Tausch von 130.000 Konnektoren, würde der Tausch der gSMC-K-Karten der KoCoBoxen nur einen Bruchteil kosten." heise.de/hintergrund/Konnekt…
1
22
2
28
André Schröter retweeted
Bug des Tages: "And. And. And. And. And." ift.tt/wBUGazK
3
1
André Schröter retweeted
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.
💚CSS Tip💚 🛠 Now you can not select the text of the website. 👀👇
28
66
5
553
André Schröter retweeted
In case you weren't aware; Chromium browsers (Chrome, Edge), Firefox, and Safari now all support native image lazy loading. <img loading="lazy"/> No need for custom polyfills for major browsers anymore! caniuse.com/loading-lazy-att…
28
635
35
2,968
André Schröter retweeted
`accent-color` is now supported in all modern browsers 🎉🎨 One line of code enables you to style previously-hard-to-access form controls like checkboxes and radio buttons body { accent-color: hotpink; } Works really nicely with the `color-scheme` property too!
22
529
45
2,633
André Schröter retweeted
Loading bars explained. animation: @aaroniker_me concept: @ahieiei (bit.ly/loading-3d)
20
547
51
2,663
André Schröter retweeted
CSS Scroll Snap: bit.ly/scroll-snap ~ lock the viewport to certain elements after the user finishes scrolling. Ace for advanced interactions. Also see bit.ly/csssnap to learn more. h/t @argyleink @una @maxkoehler
11
246
8
1,674
André Schröter retweeted
Fun with flags!
11
181
9
890
André Schröter retweeted
19
197
29
290
André Schröter retweeted
It’s OK to use "boring” technology (what’s tried & tested) vs. the hype train. Languages, frameworks and libraries often evolve. Choose what helps deliver a great final product.
26
170
15
1,061
André Schröter retweeted
Students and their Schrodinger's answers
29
1,979
174
9,246
I prefer the metaphor of a sea chart to roadmaps. Chart your destination (strategic goal), current position, & hazards. You can't chart your route. That depends on the wind. Note in this chart, an estimate based on average travel/day is 10 days, not the 67 it actually took.
23
101
31
453
Huhu!👋🏼 100 Einwohner-Dorf. 99👬 sind geimpft, 1🧍🏻‍♂️nicht. 2 kommen mit Corona ins 🏥: 1🧍‍♂️geimpft und 1🧍🏻‍♂️ ungeimpft. Medien: „In den 🏥 liegen 50% Geimpfte!“ 👉Prävalenzfehler👈 Im Beispiel landen 100% der Ungeimpften im 🏥 und nur 1,01% der Geimpften. Tschüssi👋🏼
241
5,296
336
30,225