Toots for stvfrnzl@mastodon.online account

Written by Steve Frenzel on 2025-01-30 at 19:19

War heute bei der antifaschistischen Demo in #nürnberg und es hat so gut getan, die Vertreter unterschiedlicher Parteien und Besucher zu sehen und zu hören, die sich gemeinsam sehr klar gegen die Faschisten der #noAfD ausgesprochen haben

[#]fckafd #NazisRaus

=> View attached media

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2025-01-27 at 07:35

Hey #fediverse,

ich bin auf der Suche nach Artikeln von "größeren Institutionen" wie Nachrichtenportalen, Parteien, Prominenten, etc. die zu #mastodon gewechselt sind und hier bleiben werden, weil es gut läuft.

Ich erinnere mich, dass @heiseonline hier sehr am Start ist, konnte den Artikel aber nicht mehr finden?

Hintergrund: Ich möchte jemand Argumente (mit Zahlen) vorlegen, warum ein Wechsel Sinn macht. 🤗

Gerne boosten, danke! ❤️

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2025-01-21 at 08:31

Does anyone know how to create a global component with @astro and #storyblok? I found this article but at the end it says:

"[...] using this approach for components or sections that exist on every page (such as a header or footer) is something we would not recommend."

https://www.storyblok.com/tp/global-components-references

Let's say I want a footer located in my layout file managed only in one place in Storyblok. Any idea?

[#]WebDev #Frontend #CMS #astro #ssg

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2025-01-12 at 09:55

M(eta) + A(mazon) + G(oogle) + A(pple) = MAGA

Huh

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2024-12-31 at 08:49

Last blog post of the year, here's some #music I've listened to in 2024:

https://stevefrenzel.dev/posts/my-top-albums-of-2024/

[#]metal #pop #rock #ambient #HipHop

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2024-12-24 at 07:12

While I still have to catch up and share the other #HTMHell articles, I'm humbled to announce that I also wrote one:

https://www.htmhell.dev/adventcalendar/2024/24/

This example was taken from a real website and I left a clue in the article, so you can check it out yourself. 👀

Thank you @matuzo once again for having me. 🙌

[#]html #css #accessibility #a11y #WebDev #frontend

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2024-12-22 at 10:00

"I first learned of this technique through @heydon #InclusiveComponents and have been using it ever since. It’s simple, effective, and a great way to keep #accessibility in mind at every stage of development." By @maureenholland

https://www.htmhell.dev/adventcalendar/2024/16/

Don't know about my first time hearing about it, but always cool to show other devs this simple yet powerful #a11y improvement 💪

[#]HTMHell #HTML #CSS #WebDev #frontend

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2024-12-22 at 09:55

"What should we encourage developers to focus on, no matter their initial reaction? Know their #HTML, consider the needs of different types of users, lean into testing. And ask questions." By Corina Murg

https://www.htmhell.dev/adventcalendar/2024/15/

Extensive example how to use and understand the accessibility tree by creating a fake button.

[#]HTMHell #JavaScript #WebDev #frontend #accessibility #a11y

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2024-12-22 at 09:48

"Accessible pagination ensures that all users can navigate the web without 'getting lost as if reading a book with pages bound out of order.' This makes the web not only more inclusive but also more accessible for everyone looking to find content efficiently and directly." By Kristin Rohleder

https://www.htmhell.dev/adventcalendar/2024/14/

I love a good, robust and accessible navigation. 😍 Bookmark this one!

[#]HTMHell #html #css #accessibility #a11y #WebDev #frontend

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2024-12-22 at 09:42

"[...] we can use the translate attribute, which indicates whether an element content should or should not be translated. The attribute can appear on any element, and it takes just two values: 'yes' or 'no'. [...] we need to use the value 'no' to disable automatic translation for specific pieces of content" By Anastasiia Batarei

https://www.htmhell.dev/adventcalendar/2024/13/

Learned something new, didn't know this existed 💡

[#]HTMHell #html #WebDev #frontend #translation

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2024-12-22 at 09:34

"Since I started to create content in Japanese, I also wanted to learn about traditional setups, like having #Japanese text flow from top to bottom, right to left, like you’d see in newspapers or novels. That's when I discovered #CSS properties like writing-mode: vertical-rl and #HTML tags like , which add furigana (phonetic guides) over kanji characters." By Julia Undeutsch

https://www.htmhell.dev/adventcalendar/2024/12/

[#]HTMHell #WebDev #frontend

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2024-12-22 at 09:29

"In short: put in your element to refresh your page every second. This is a makeshift "hot reload" for development. It's not perfect, but it can be a quick solution!" By @EvanHahn

https://www.htmhell.dev/adventcalendar/2024/11/

Such a dope and quick solution, love it! 😍

[#]HTMHell #HTML #frontend #WebDev

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2024-12-22 at 09:27

"[...] add another input field to also set a bulk quantity. I did what I was told, but to my horror, the form wouldn’t submit anymore with the new field displayed! 😱 [...] I’ve never built a form with only one text field; even in a simple chat component, there typically is at least a submit button to send the message. And indeed, adding a submit button magically solves the problem" By @felixh10r

https://www.htmhell.dev/adventcalendar/2024/10/

[#]HTMHell #HTML #WebDev #frontend

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2024-12-22 at 09:22

""The light dark value means that we’re choosing to support both light and dark schemes in our code. The property will be inherited down the document tree, and the browser will enable some default styling for built-in primitives when needed. Thank you, browser!" by @pepelsbey

https://www.htmhell.dev/adventcalendar/2024/9/

[#]HTMHell #HTML #css #JavaScript #frontend #WebDev

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2024-12-15 at 14:06

I had the great honor to write an article for #12DaysOfWeb by @5t3ph about the inert attribute:

https://12daysofweb.dev/2024/html-inert-attribute/?utm_source=12daysofweb&utm_medium=email&utm_campaign=day-3-8015

Thank you for having me, Stephanie 🙌

[#]html #WebDev #frontend #AdventOfCode #accessibility #a11y

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2024-12-08 at 09:14

"The 1990s and 2000s are behind us in many areas, and yet in some, they may still be ahead [...] The future of HTML—it could embrace more of the HTML of the past." By @j9t

https://htmhell.dev/adventcalendar/2024/8/

[#]HTMHell #HTML #WebDev #frontend #throwback

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2024-12-07 at 16:16

"Suddenly I knew exactly how Arthur Dent felt, dealing with the Nutrimatic Drinks Dispenser in The Hitchhiker's Guide to the Galaxy. Just like the cup of tea it dispensed to Arthur, the code provided by #ChatGPT was, to paraphrase, almost, but not quite, entirely unlike the #HTML for an accessible button." by @tink

https://htmhell.dev/adventcalendar/2024/7/

A simple question with a simple answer, yet ChatGPT had to add a little extra to spice things up

[#]HTMHell #accessibility #a11y #llm #ai #WebDev #frontend

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2024-12-07 at 16:11

"By default, accessible name is computed from an element's own contents. [...] There are good reasons to point aria-labelledby within an element. For example, to give an accessible name to a region based off of the heading within it." by Weston Thayer

https://htmhell.dev/adventcalendar/2024/6/

[#]HTMHell #html #accessibility #a11y #disability #WebDev #frontend

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2024-12-05 at 09:07

"When the forced colors feature is turned on, colors will be replaced with #CSS System Colors. Elements like buttons and links get special colors assigned, so wherever improper elements are used, things will fall out of place." by @CSSence

https://htmhell.dev/adventcalendar/2024/5/

Awesome, I've been wanting to dive deeper into this topic and know how to emulate it on a Mac. Now I DO know! 🥳

[#]HTMHell #HTML #WebDesign #WebDev #Frontend #accessibility #a11y

=> More informations about this toot | View the thread

Written by Steve Frenzel on 2024-12-04 at 07:06

"Use the 'interactive-widget' keyword in the viewport meta tag to control the viewport resize behavior when the Virtual Keyboard gets shown.

By default the Visual Viewport resizes. To also have the Layout Viewport resize, set the value of 'interactive-widget' to 'resizes-content'." by @bramus

https://htmhell.dev/adventcalendar/2024/4/

[#]HTMHell #HTML #CSS #frontend #WebDev #blog

=> More informations about this toot | View the thread

=> This profile with reblog | Go to stvfrnzl@mastodon.online account