Sascha Zarhuber

@fhhgb graduate, Web addict, Hobby photographer, Film fanatic.
Part of the Team

[Sascha Zarhuber @saschazar]

I made something:

✒️ an #Eleventy boilerplate
🎁 with #Wordpress as a backend
☁️ deployed on #Netlify
⚡️ synced via a #Lambda web hook

A static site is built every time the web hook is triggered. No subsequent API calls needed.

View the source code 👇
https://t.co/pHC3aK0ZLr

[Sascha Zarhuber @saschazar]

✨ New blog article ✨

A quick & dirty concept for creating an SSR website with full-stack #Cloudflare Pages and a #Preact SPA using #Vite.

Read the full article here 👇
https://t.co/fESINqBX8o

[Sascha Zarhuber @saschazar]

@elliot_saleh01 To be fair, the whole affair is a bit ambiguous, given that the pictured TV show is probably the biggest annual charity event in Austria, where lots of money is donated to those in need (as an x-mas thing).

But, of course, the time & date of the broadcast was the absolute worst.

[Sascha Zarhuber @saschazar]

I've played around w/ #Svelte quite a bit now and the thing that still keeps bugging me the most, is the fact, that I can't hand over local style rules from the parent- to the child component.

But maybe this is just my spoiled #React & #Preact way of doing stuff...

[Sascha Zarhuber @saschazar]

@mmatuzo Totally different story, aber Marktgemeinde in OÖ mit Autobahnanschluss, typische Grundstücksgröße ca. 560 - 780m², mitten in der Peripherie:

200 EUR/m²

🤑🤑🤑

[Sascha Zarhuber @saschazar]

Spent the weekend comparing aom & rav1e #AVIF codecs in #WebAssembly. Then I wrote a few lines about it...

🤫 spoiler: slooow but promising

More about that topic here 👇
https://t.co/PspciFAc1J

[Sascha Zarhuber @saschazar]

Played around with the rav1e #AVIF codec in #WebAssembly...

⏳barely usable, 3k pixel image takes 4min to encode (single-threaded),
🧮 4:4:4 sampling is the only mode not producing a corrupted image,
😃 still learned a lot today

👇 https://t.co/LdqVBkTaTw

[Sascha Zarhuber @saschazar]

Moved my personal website from Next.js to @eleven_ty.

⚡AMP HTML valid
📱PWA compatible

🎉 First blog post (inspired by @ddprrt) is also published👇

https://t.co/rz9v0s7RQk

[Sascha Zarhuber @saschazar]

Kudos to @runkitdev for their support. Responding with 3 paragraphs and 20+ lines to a random issue in a private message is outstanding. Thanks!

[Sascha Zarhuber @saschazar]

Some screens of the UI:

[Sascha Zarhuber @saschazar]

🎉 Before this year finally comes to an end, I'm happy to release a little #Arduino project of mine:

🌡️ records temperature data
⚡️ runs serverless via #Nextjs on #Netlify
💾 contains a #GraphQL API
📱 is fully PWA-enabled
💯 is 100% Open Source

👇https://t.co/xzyjC9ikPr

[Sascha Zarhuber @saschazar]

@eva_trostlos Totally deserved! Anything else would have been just so wrong... 😊

[Sascha Zarhuber @saschazar]

Quickly hacked together an image decoder, written using #Svelte, #WebWorker and #WebAssembly. It's able to decode the following formats:

🖼️ #AVIF,
🖼️ HEIF/HEIC and
🖼️ WebP

Works without backend, shows natively supported formats side by side.

https://t.co/vKJqA98mw8

[Rodrigo Pombo @pomber]

My incomplete mental model for flexbox's main axis

[Sascha Zarhuber @saschazar]

Yesterday, I created a #CSS-only skeumorphic #HTML <button /> element on #Codepen. The styling of the pseudo elements may be a bit of an overkill, but it gets the job done... 🎨🖌️🖥️

https://t.co/Ask7xUjKF1

[Sascha Zarhuber @saschazar]

Created a typewriter-like effect using #React:

🪝 useState & useEffect hooks
⏱️ setTimeout for delayed input
🖥️ pure #CSS pseudo elements for blinking cursor effects

https://t.co/esa7m5pSlW

[Sascha Zarhuber @saschazar]

Played around a little bit to recreate a well beloved piece of UI today... 🙃🖥️💾❌

https://t.co/A2uHIIPBAZ

[Sascha Zarhuber @saschazar]

Good morning @htm_hell - learn from the best they said, #Apple changelog also has something to give:

🧨 #7 multiple duplicate IDs

Moreover, I think one shouldn't wrap <p /> around single-line content...

[Sascha Zarhuber @saschazar]

@randy_mllr @javascriptd Mainly for a18y reasons (screenreaders, etc...), since placeholders shouldn't be part of the DOM. They are merely a visual support for the user.

[Sascha Zarhuber @saschazar]

Played around with persistent placeholders in input fields a bit today...

⚛️ uses #React useState & useEffect Hooks
🎨 uses #CSS pseudo element instead of #HTML DOM element
🆓 dependency-free

https://t.co/0NPwQxVT2f