@stvfrnzl@mastodon.online
@stvfrnzl@mastodon.online avatar

stvfrnzl

@stvfrnzl@mastodon.online

Stop reading and fuck off if this offends you: 🏳️‍⚧️ 🏳️‍🌈 ✊🏿 🇺🇦 🇵🇸

Decent human being working mainly as a #frontend developer with a focus on #html, #css, #JavaScript and #accessibility. Also #AudioEngineer and enjoys playing #guitar.

#HotSauces and #VideoGames are also highly appreciated, in no particular order.

Loves reading #books as well, favourite authors are #HarukiMurakami, #StephenKing and #MarkManson.

#fedi22 #a11y #WebDev #antifascist #gaming #metal #vegan #vegetarian

This profile is from a federated server and may be incomplete. Browse more on the original instance.

stvfrnzl, to webdev
@stvfrnzl@mastodon.online avatar

Very stoked I finally made work for my @astro website! Bare bones setup is working, after some frustration with the tutorial. I could only make it work because I had some experience connecting a with a

Up next is figuring out the layout of the blog posts and the homepage of the blog

matuzo, to random
@matuzo@front-end.social avatar

It's always the same.

Before the workshop: omg I've been up for 13 hours, I have no energy left to talk about accessibility for 2,5 hours. It's going to be horrible.

During the workshop: I overrun every time because I have so much fun and I just can't stop talking 😁

stvfrnzl,
@stvfrnzl@mastodon.online avatar

@matuzo the adrenaline rush is real

sarajw, to random
@sarajw@front-end.social avatar

Why are lots of web icons plopped into an <i> tag?

stvfrnzl,
@stvfrnzl@mastodon.online avatar

@sarajw I had this discussion with a someone and she told me this is the way to implement icons from a library.

Together we looked at the documentation and I showed her why it's not appropriate.

I recommended using a div or a span with aria-hidden="true" if it was just for decoration. She told me I've always done it this way and everyone else is also doing it this way.

So I told her again it's not appropriate, look what's it's actually made for. 😅 Was a good discussion and it made her think

warandpeas, to random
@warandpeas@mastodon.social avatar

You must prove that you are worthy.

stvfrnzl,
@stvfrnzl@mastodon.online avatar

@warandpeas here's the for your picture:

A comic illustration showing a woman and a man sitting on a bed. She's saying "He'll be done in a minute".

Next picture shows a cat staring at them.

The man says "He's making eye contact."

She replies "He's establishing dominance. Don't look away."

oldrawgabbit, to random
@oldrawgabbit@mastodon.world avatar

I totally relate to all of this!!

stvfrnzl,
@stvfrnzl@mastodon.online avatar

@oldrawgabbit here's the full for your picture:

Weird things that make you happy as an adult:

  • Writing with a nice pen
  • Having plans cancelled
  • Freshly cleaned sheets
  • Eating the corner brownie
  • Cleaning the dryer lint screen
  • Enjoying coffee in that brief time before anyone else wakes up

nixCraft, to random
@nixCraft@mastodon.social avatar

😅

stvfrnzl,
@stvfrnzl@mastodon.online avatar

@nixCraft this meme will become part of my professional resume, thanks for sharing! 🙌

aardrian, to accessibility
@aardrian@toot.cafe avatar

Re: last reblog…

I am happy at GitHub’s efforts:
https://github.blog/2023-06-12-make-your-github-projects-more-accessible-with-accessibility-alt-text-bot/

I would also like GitHub to add underlines to those links (and give them a better than 2.8:1 contrast ratio). And maybe make that code box scrollable for keyboard users.

See, one can enjoy efforts while still recognizing more needs to be done.

stvfrnzl,
@stvfrnzl@mastodon.online avatar

@aardrian this is awesome, will propose to add this to the deployment pipeline of companies I work with. Thanks for sharing 🙌

stvfrnzl, to random
@stvfrnzl@mastodon.online avatar

A couple of interesting records released today:

Happy everyone! 🎶 ✨

protecttruth, (edited ) to random
@protecttruth@mastodon.online avatar

Call me old-fashioned, but if a car kills people at ten times the rate of other cars,
the company covers up the data,
and the CEO lies to the public and says the cars are safer…

I think that CEO should go to jail on fraud charges.

https://prospect.org/justice/06-13-2023-elon-musk-tesla-self-driving-bloodbath/

stvfrnzl,
@stvfrnzl@mastodon.online avatar

@protecttruth here's the for your picture:

Headline saying "Tesla's 'self-driving' system never should have been allowed on the road."

Below is a comment by Ryan Cooper saying "In other words, Tesla's FSD system is likely on the order of ten times more dangerous at driving than humans."

stvfrnzl, to random
@stvfrnzl@mastodon.online avatar

My top artists in on

Started listening to again after a long time as it's great music for focused work. and are great records!

Surprised didn't make it to the top, as I was listening a lot to such a great summer record 🌞

I really like the new album but it does have a couple of fillers. is probably the best song they've ever written.

Also jammed some and new because why not 🤷‍♂️

stvfrnzl, to webdev
@stvfrnzl@mastodon.online avatar

Been grinding to get my portfolio done after creating a rough design in .

Making great progress after spending all day to make the contact form . Huge inspiration from this article by

https://www.smashingmagazine.com/2023/02/guide-accessible-form-validation/

Building it with @astro which is such an amazing dev experience! 🤩

Also utilizing the philosophy (?) by applying fluid font sizes and spacing and it's bananas how much time and code you save by doing this

stvfrnzl,
@stvfrnzl@mastodon.online avatar

@astro next big part of it will be my online resume under that URL, so I can either just send a link or save it as an accessible PDF. Which will also be a lot of work 💪

Third milestone will be the blog page where I will write about anything, not just coding stuff

andy, to random
@andy@bell.bz avatar

Something I insist on doing is getting feedback from clients at the end of projects. It makes us smile and also helps us to improve.

In this post, I share some really positive feedback we got from client that demonstrates how effective our process is.

https://set.studio/some-delightful-client-feedback/

stvfrnzl,
@stvfrnzl@mastodon.online avatar

@andy sweet, you go team 💪💪💪

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

Ask and you shall receive. Some of you asked for a shirt version of my Pentagram User Centric Design Process, so here we go, shirts, stickers and more: https://buff.ly/3CiSGZ4

The illustration presented on a sleeveless top shirt on Redbubble website

stvfrnzl,
@stvfrnzl@mastodon.online avatar

@stephaniewalter this is dope, I love it

6502B, to random

Some more shots of David's bedroom from 1983 Wargames

image/jpeg
image/jpeg

stvfrnzl,
@stvfrnzl@mastodon.online avatar

@6502B looks awesome!

Would be great if you could add alt texts to these amazing pictures so anyone using a screen reader can enjoy them as well 🤗

andy, to random
@andy@bell.bz avatar

i'd love to to try IA Presenter out because I spend a lot of my life in IA Writer and love it.

I dunno if I can turn my back on the safety blanket that Keynote provides tho https://ia.net/presenter

stvfrnzl,
@stvfrnzl@mastodon.online avatar

@andy awesome, thanks for sharing! Was thinking about turning my workshops into presentations and this might help 🙂

yatil, (edited ) to random
@yatil@yatil.social avatar

I’m listed on a website with 39 other “accessibility blogs”, including those of some overlay vendors.

Two options:

  • Delete my entry to not give credibility to those bad actors
  • Keep my entry to not leave the space to them

I don’t think there is a lot of benefit for myself being listed there.

stvfrnzl,
@stvfrnzl@mastodon.online avatar

@yatil I would keep it. Consider yourself the beacon inside of this list. The gold nugget. The shining example! 💪

Edent, to webdev
@Edent@mastodon.social avatar

Hey, nerds, how do I align variable length lines so one word is in the same horizontal position?

Eg.

 Try RICE today  
Delicious RICE cooked here  
 Got RICE?  
 RICE is nice!  

I want the RICE to be aligned.

Would be easy with a monospace font, but I need to use variable width.

Any clever thoughts?

stvfrnzl,
@stvfrnzl@mastodon.online avatar

@Edent from the top of my had I would suggest to try grid or tables but I can imagine screen reader implications.

You might make it work by applying an aria-label to the row with the respective content and adding aria-hidden to the cells within it.

I haven't tested it, but you should before shipping it. 🙂

stvfrnzl, (edited ) to webdev
@stvfrnzl@mastodon.online avatar

that you cannot only use in to make things prettier, you can also add your own 🤯

stvfrnzl, to random
@stvfrnzl@mastodon.online avatar

Here's your reminder that #DaveGrohl released a full on metal record with #thrash riffs and #BlastBeats called #DreamWidow

https://songwhip.com/dreamwidow/dream-widow

If you're into #80s metal (without the hairspray) you're definitely gonna dig this one! 🤘

#FooFighters #Metal #MetalMusic #Slayer

stvfrnzl, to music
@stvfrnzl@mastodon.online avatar

Never really got into but is a cool record 🙂

https://songwhip.com/m83/fantasy2023

stvfrnzl, to random
@stvfrnzl@mastodon.online avatar

by and is such a mean record, holy cow. 🐄 Really digging it though, I kind of like this heavy, dissonant music

https://songwhip.com/full-of-hell/suffocating-hallucination

stvfrnzl, to random
@stvfrnzl@mastodon.online avatar
matuzo, to random
@matuzo@front-end.social avatar

I'm dedicating this slide to you @tylersticka 😁

stvfrnzl,
@stvfrnzl@mastodon.online avatar

@matuzo @tylersticka I miss the such a great console... Way ahead of it's time and I still believe it paved the way for every 128 Bit console that came after it. It even had internet access!!

Favorite game BY FAR is and also played the crap out of

stvfrnzl, to accessibility
@stvfrnzl@mastodon.online avatar

finally has screen reader support! 🥳

"With this latest update, screen reader or keyboard users can now move focus around the canvas, as well as between different menus and screens, to create, edit, and read out content (including file structure, shapes with text, stickies, tables, and image alt text)."

https://www.figma.com/blog/announcing-figjam-screen-reader-support/

  • All
  • Subscribed
  • Moderated
  • Favorites
  • megavids
  • mdbf
  • ngwrru68w68
  • modclub
  • magazineikmin
  • thenastyranch
  • rosin
  • khanakhh
  • InstantRegret
  • Youngstown
  • slotface
  • Durango
  • kavyap
  • DreamBathrooms
  • JUstTest
  • GTA5RPClips
  • tacticalgear
  • normalnudes
  • tester
  • osvaldo12
  • everett
  • cubers
  • ethstaker
  • anitta
  • Leos
  • cisconetworking
  • provamag3
  • lostlight
  • All magazines