Thomas Rutzer (@ThomasRutzer) header
Thomas Rutzer (@ThomasRutzer) profile picture

account of my professional me😉 mostly tweets about javascript/frontend/visual stuff.

Joined June 2014
Hi #a11y-friends, can someone point out if this an accessible pattern to reveal more list-items on demand? codepen.io/thomasrutzer/pen/… #frontend #accessibility
34
hello to @btconf 👋 from @SprintEins
2
78
Web 3D tools call for my attention im my timeline side by side. I am also quite unsure what's the difference between @splinetool (I use currently) and @Bezel3D. Can someone shed some light on that matter?
80
I really like the cases layout of lisamarleen.de/cases. So I extracted the gist of it into a Codepen. Two things stand out: - With #cssgrid only little (semantic) HTML is needed - CSS Grid also enables stacking elements w/o position:absolute codepen.io/thomasrutzer/full…
1
I just kind of finished a website fueled by #11ty. And although I like it very much, I think I would give @astrodotbuild a try if I would start over. Main reason for me would be nunjucks, which really isn't so good to handle and the .astro templates seems really nice #webdev
I searched this today on the internet and didn't find a useful answer: "@Bezel3D vs @splinetool". Does somebody have some insights when to use what?
What's not to love about #HTML and #CSS these days?
2
3
12
In fact, it's at least equally nice how much browsers help you handle focus within a dialog/modal these days. For example with the 'autofocus' attribute: developer.mozilla.org/en-US/…
Use CSS grid when components are distributed on the x- AND y-axis. This might save you a lot of unnecessary HTML markup you might need when achieving the same with flexbox #css #webdev
Hi @awwwards I fixed your website title by replacing those svgs with accessible HTML h1 content codepen.io/thomasrutzer/pen/…🤗 #a11y
2
Used @motiondotdev for a little scroll text reveal effect and turned it into a codepen. Have fun! codepen.io/thomasrutzer/full…
Currently working on a nested navigation so this one comes just handy #webdev web.dev/website-navigation/
What's so nice about @motiondotdev: you can use the Browser DevTools Animation Panel to really fine tune your UI animations since it's based on the #WebAnimationAPI. This is not possible with JS animation tools. Of course, some of them are by far more feature rich.
There are some nice animations which I use @motiondotdev for the first time also
I'm in the process of building a simple website with a, for me, new tech stack: - #eleventy + #nunjucks for static builds - minimal client #javascript w/o framework processed with #esbuild - only #bem for #CSS Feels so good to work close with the #webev #platform w/o abstraction
1
2
2
Thomas Rutzer retweeted
We did it! 20k students joined Three.js Journey 🎉 Let's celebrate with a giveaway 🎁 RT this message to get a chance to win an access to threejs-journey.com I'll draw the 20 winners on Friday at 2pm CEST 📅 By the way, something big is coming soon 💣
55
678
39
986
I like the concept of #css unit dvh. But is there any way to prevent this ugly jump for fullheigt content on iOS Safari when browser ui gets minimised?