Stephan Zavodny @rastersysteme

Frontendentwickler und Berater aus dem Münsterland mit Fokus auf Accessibility, Usability und User Experience rastersysteme.de Rheine, Nordrhein-Westfalen Joined February 2009

Tweets

6K
Followers

400
Following

340
Likes

6

Sara Soueidan @SaraSoueidan

2 years ago

Making big updates to the accessible focus indicators blog post & course chapter. The change in SC Focus Appearance being moved up a level in WCAG 2.2 & requiring a larger contrasting area means that even some of the indicators that passed the requirements before, don’t anymore.

1 5 31 15K 1

Sara Soueidan @SaraSoueidan

2 years ago

#HTML <search> is coming. Read about it in @scottohara 's blog post: scottohara.me/blog/2023/03/2…

Intent To Ship @intenttoship

2 years ago

#HTML <search> is coming. Read about it in @scottohara 's blog post: scottohara.me/blog/2023/03/2…

1 11 34 19K 3

2 20 86 13K 12

Adrian Roselli (no blue check) 🗯 @aardrian

2 years ago

Billy Gregory @thebillygregory

2 years ago

2 9 20 2K 2

0 3 1 746 0

Stefan Nitzsche 🌻 @stn1978

2 years ago

Just found the worst use ever of an apostrophe in Prenzlauer Berg, Berlin. #typography

3 3 6 491 0

Download Image

Bramus @bramus

2 years ago

Know those sites that have a fullheight cover card that transitions into a sticky header as you scroll? With Scroll-Driven Animations, you can do that with just CSS! header { animation: shrink; animation-timeline: scroll(); animation-range: 0 90vh; } scroll-driven-animations.style/#card-cover-to…

6 187 2K 277K 1K

Download Video

Ana Tudor 🐯🖤🌻 @anatudor

2 years ago

✨Best way to get grainy gradients✨ patreon.com/posts/video-gr… 🚫 no external images 🚫 no base64 vomit 🚫 no messing with contrast/ brightness of gradient ✅ under 250 bytes #SVG filter ✅ even less CSS ✅ covers text & shadow cases codepen.io/thebabydino/pe… codepen.io/thebabydino/pe…

1 11 70 16K 36

Download Image

Aleksandr Volodarsky @volodarik

2 years ago

Sunday read. This is hilarious. Engineers are competing who creates the worst UI on Reddit. I think the winners are: 1/ Enter your phone number

477 13K 65K 14.6M 13K

Download Gif

Chris Coyier @chriscoyier

2 years ago

LOOK. This is just a regular ol' website. No JavaScript whatsoever. Navigation pages with clicks <a> links to other HTML pages. The most basic website in the world. Yet, with a few lines of code to activate View Transitions, KAPOW.

47 304 3K 830K 1K

Download Video

Bramus @bramus

2 years ago

👀 You might want to check this in Chrome Canary with the “Experimental Web Platform Features” flag enabled … scroll-driven-animations.style Silky smooth animations, driven by scroll, running of the main thread (when possible) … what's not to like?! 🤩

6 46 253 34K 114

Download Video

Adam Argyle @argyleink

2 years ago

This is GREAT for slides 🤓

Adam Argyle @argyleink

2 years ago

This is GREAT for slides 🤓

11 73 356 69K 90

Download Video

0 3 49 8K 6

Una 🇺🇦 @Una

2 years ago

👀 An early look at transitioning to and from `display: none` in CSS 👀

52 204 2K 269K 420

Download Video

Una 🇺🇦 @Una

2 years ago

A no-JS simple toggletip using the popover attribute & CSS anchor positioning Feat.: - top layer support - lightdismiss - accessible keyboard bindings - fallback position w/anchor positioning try statements (Only in Canary w/the experimental-web-platform-features flag for now)

3 14 160 26K 38

Download Gif

Addy Osmani @addyosmani

2 years ago

Tip: Chrome DevTools > Lighthouse visualizes what's in the JavaScript you ship with a Treemap 🔥 e.g. Bluesky uses React Native Web, MobX & Lodash. This tooling helps you understand what's unused, module sizes and if you have duplicate dependencies.

14 139 790 178K 327

Download Image

Sindre Sorhus @sindresorhus

2 years ago

Midjourney v5

3 7 95 15K 4

Download Image

Chris Coyier @chriscoyier

2 years ago

Modern CSS is so cool.

60 192 2K 293K 750

Download Image

Chris Heilmann codepo8.bsky.social @codepo8

2 years ago

Upgrading our CSS habits: aspect-ratio christianheilmann.com/2023/04/20/upg…

1 6 33 4K 5

Download Gif

I Love Typography @ilovetypography

2 years ago

New fonts! Carole Serif by @schriftlabor Ideal for any text-intensive applications: as webfonts, and for magazines and books. fonts.ilovetypography.com/fonts/schriftl…

1 3 39 12K 7

Download Image

Sindre Sorhus @sindresorhus

2 years ago

New App: QuickGPT — Easy access to the ChatGPT web UI from the menu bar, Dock, or keyboard shortcut sindresorhus.gumroad.com/l/quickgpt

10 15 142 29K 28

Download Image

Storybook @storybookjs

2 years ago

Storybook 7, the next chapter of Storybook, is here! 🚀 Storybook’s biggest ever update – our first major release in 2 years! ⚡️ Zero-config support for @vite_js, @nextjs & @sveltejs 💯 Enhanced testing, Docs, UI, stability, and so much more Read on: storybook.js.org/blog/storybook…

10 137 632 137K 51

Download Video

Chris Heilmann codepo8.bsky.social @codepo8

2 years ago

👉🏼 „Why Your Cards Need a Footer for Metadata” 🔗uxmovement.com/content/why-yo… 💬 The footer makes it easier for users to distinguish the content characteristics influencing their selection.