The Hidden Gold of Web Accessibility: Everything About ARIA Labels
Code & development
Dive into ARIA labels for web accessibility and enhance your skill set. Unveil their potential, discover best practices, and how to avoid pitfalls.
I've been trying different frontend JS frameworks in some of my projects, and I'm... not as impressed with Svelte as I thought I'd be.
I've heard constant praise for this framework, and it is technically impressive, but there's just so much magic. Svelte 5 uses built-in not-quite-functions called runes, like $state
or $derived
, to mark certain variables as reactive state. When something reactive is updated, components redraw; otherwise, they don't. And when they don't, it's often very hard to figure out why. Plus the usual problems of the Vue-style component files: components aren't first-class objects, you have to put them in their own files, there's no JSX, etc.
I've written a lot of React, and React hooks are magical too, but this seems worse. Does it just feel that way because I've taken the time to get used to how React does things?
Maybe I'd use Svelte again on a project with (ironically) less reactivity, but my chat app uses websockets and indexeddb and lots of event streams, and Svelte just keeps getting in the way.
I'm considering trying Mithril.js next, which is, philosophically, the exact opposite. Sounds like a breath of fresh air.
I took a closer look at three #aria attributes that I still struggle with sometimes:
https://stevefrenzel.dev/posts/how-to-not-use-aria-label-aria-labelledby-and-aria-describedby/
Let me know if I got anything wrong!
#Development #Techniques
Is your website gzipped? · How gzip compression of HTML/CSS/JS files works https://ilo.im/163v0a
_____
#File #Compression #Minification #Server #Browser #DevTools #WebPerf #WebDev #Frontend #Backend
Vi har mange jern i ilden på TV MIDTVEST og brug for flere hænder til at banke dem sammen til noget fornuftigt
Har du styr på det dér frontend og kan lande projekter rigtigt til tiden, så kom hen og bliv kollega med @morten og mig.
#job #ledigestillinger #frontend #tvmidtvest #dkmedier
https://www.it-jobbank.dk/jobannonce/h1566387/erfaren-frontend-udvikler-med-flair-for-projektledelse
Just published my first "proper" blog post. It's about enter and exit animations using @starting-style and allow-discrete. I'm new to this whole blogging thing so please check it out and give me some feedback!!
https://www.juliebuma.dev/blog/enter-exit-animations-using-starting-style
#Development #Launches
Codigo · Discover and track trending programming languages https://ilo.im/163w05
_____
#Programming #Coding #Languages #News #Trends #Rankings #Comparisons #WebDev #Frontend #Backend
If you do any #javascript development and are wondering how to build #secure #frontend applications based on best current practices, you should check out this upcoming #free #livestream.
GitHub for Beginners: Building a React App with GitHub Copilot.
Need help with your design system?
Struggling with design tokens?
Looking for a front-end developer?
Let’s tackle it together!
www.alwaystwisted.com
UX designer: Just show some friendly warning to return the user to the source site
Front-end dev who is "code vibing": say no more....
#Development #Reviews
First impressions of Deque Axe Assistant · What to expect from the AI accessibility chatbot https://ilo.im/163tch
_____
#AxeAssistant #AI #Chatbot #Accessibility #WCAG #Design #WebDesign #WebDev #Frontend #HTML
#Development #Approaches
I use zip bombs to protect my server · Listen bots, you have been warned https://ilo.im/163ota
_____
#Protection #Crawlers #Bots #Spam #AI #Gzip #Server #WebDev #Frontend #Backend
I've always favoured Google's material design system for my projects because it's got a lot of consistent components that are well documented and useful across most of not all platforms. I don't see the need to experiment with others unless I'm targeting a single platform (usually the web) or I've got a good designer on my team.
A little helper/ explainer demo on @codepen: Polar (r, θ) ➞ Cartesian (x, y) coordinates
https://codepen.io/thebabydino/pen/KNxXZJ
Drag the sliders to see how the result changes.
Someone just hearted this demo I made on @codepen back in 2018 and I noticed it still said it only works in Blink browsers.
https://codepen.io/thebabydino/pen/BPxYBr
Not anymore! As of the summer of '24, Firefox also supports registering & animating custom properties! So this is now cross-browser!