Thomas Rutzer

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

[Thomas Rutzer @ThomasRutzer]

@norgramstudio What I really like is that your website and your own branding has remained relatively the same over the whole time. Really timeless.

[Thomas Rutzer @ThomasRutzer]

Hi #a11y-friends, can someone point out if this an accessible pattern to reveal more list-items on demand? https://t.co/qHZXRHSVYh #frontend #accessibility

[Thomas Rutzer @ThomasRutzer]

It's been a while since the last time I posted a new blog post. But here we are https://t.co/1BxobaiiVS #reactjs #reactportal

[Thomas Rutzer @ThomasRutzer]

@mattgperry @framer Will scroll() of https://t.co/dbsofJIxVT also include this one someday?

[Thomas Rutzer @ThomasRutzer]

hello to @btconf 👋 from @SprintEins

[Thomas Rutzer @ThomasRutzer]

@JoshWComeau Would also be nice if someone could extract the core feature to make it work w/o React but in a vanilla context 😀

[Thomas Rutzer @ThomasRutzer]

@shuding @aidenybai Maybe your blog post can include a deep dive of what's happening here

[Thomas Rutzer @ThomasRutzer]

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?

[Thomas Rutzer @ThomasRutzer]

@housecor Hi @housecor where do you see data fetching inside Redux actions in this list?

[Thomas Rutzer @ThomasRutzer]

I really like the cases layout of https://t.co/zR60SZvWfa. 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

https://t.co/bnlWH8WkKM

[Thomas Rutzer @ThomasRutzer]

One of the last projects as part of the team: https://t.co/b1K7M3FzO2

[Thomas Rutzer @ThomasRutzer]

@jh3yy It's much nicer making this calculations in CSS (where possible) since its easier to adapt them to different circumstances with media queries (think of increasing values on larger viewports for a more powerful effect,...)

[Thomas Rutzer @ThomasRutzer]

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

[Thomas Rutzer @ThomasRutzer]

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?

[Thomas Rutzer @ThomasRutzer]

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:
https://t.co/CRKCgXMQzP

[Thomas Rutzer @ThomasRutzer]

What's not to love about #HTML and #CSS these days?

[Thomas Rutzer @ThomasRutzer]

@eleven_ty https://t.co/792FGxMPdP

[Thomas Rutzer @ThomasRutzer]

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

[Thomas Rutzer @ThomasRutzer]

Hi @awwwards I fixed your website title by replacing those svgs with accessible HTML h1 content https://t.co/EuoPQZ9HUm🤗 #a11y

[Thomas Rutzer @ThomasRutzer]

Used @motiondotdev for a little scroll text reveal effect and turned it into a codepen. Have fun! https://t.co/25jvJyxozb