Web Weekly #168
- Published at
- Updated at
- Reading time
- 8min
Have you heard that Chromium shipped ariaNotify()? How would you implement Apple's liquid glass effect? And what's it about Git's --porcelain flag?
Turn on the Web Weekly tune and find some answers below. Enjoy!
Mike listens to The Housemartins - We're Not Deep and says:
It's a perfectly catchy pop-song about the joys of being young and carefree. It's impossible to sit still while listening to this song.
Do you want to share your favorite song with the Web Weekly community? Hit reply; there are four more songs left in the queue.
Sam kicked off a series of nerdy online quizzes and I dig it!
First there was jsdate.
Then, Sam released e-mail. :D
And the community followed with ohyaml.
I love it when things get a life of their own. However, all that said, the best game of all times remains the HTML Tags Memory Test.
Happy quizzing and now off to some web dev news!
If you enjoy Web Weekly, share it with your friends and family.
A quick "repost" really helps this indie newsletter out. Thank you! ❤️
If you are an app business, seeking growth channels and strategies, then this is for you. Join our 5-part series filled with actionable strategies for app developers who want to drive revenue beyond the app store. This series serves as your blueprint for modern, effective web monetization for app companies. Spots are limited — register now to secure your place in the full series.
Web Weekly is open for sponsorships. When you want to reach 6k developers, you know what to do!
I loved Jim's investigation about casing conventions on the web. When are things lowercase, kebab-case or camelcase? Well... of course, it's complicated because we're talking about the web.
- You Have to Feel It
- I'm not ignoring your message – I'm overwhelmed by the tyranny of being reachable
- How to present to executives
Slapping a transition on appearing elements is fairly easy but getting it "right" is tough. Emil shared a wonderful post explaining how to make animations not stand in the way and when to not animate at all.
I'm no fan of Apple's new liquid glass design language, but this post will be the best you can read to learn how to build it with web tech and SVG magic.
Speaking of liquid glass, Apple released non-standard CSS that (somehow) works in their web view. We'll see when and how this will become useful. (or not)
You might have heard of the Browserlist project. The majority of the Frontend ecosystem uses it to evaluate browser support and polyfill/vendor-prefix your code depending on your browser support requirements. Usually, you'd specify that you want to support the last two versions of every browser (or something similar), but now you can just go in there and specify your baseline support. Very handy!
Wowza! Would you enjoy getting Web Weekly straight to your inbox?
Guess what you'll find on lizard...
Jake is back in the nitty gritty game of browser development and spec making (did you hear that he joined Mozilla) and shares that measuring download/upload progress doesn't really work today.
Speaking about fetch here's some trivia; fetch converts request bodies to UTF-8.
I've been almost ready to send this Web Weekly when I saw that WebKit 26 was released. I'll untangle all the features and check if there are new things moving into the baseline next week. But have a look at it yourself!
It's the time of the year again when browser makers align and decide what to work on collectively. If you have been waiting for this one feature to work everywhere you might want to make yourself heard.
Even if you don't want to propose something, checking out the status of the current interop initiatives is always worth it.
If you're a good web citizen you're aware of right-to-left languages and that you should consider them in your CSS. For a person like me not dealing with RTL languages it's tough to learn more about it. Ahmad put together a very(!) extensive guide if you want to learn more!
From the unlimited MDN knowledge archive...
Here's some DOM trivia, do you know that you can access all the document images with, well... document?
And btw, the same works for forms, too.
Have you heard about the --porcelain flag in Git? If you didn't, learn on the blog when you should use it.
Find more short web development learnings in my "Today I learned" section.
...but still very cool! Chromium shipped a new JS method to notify assistive technology: ariaNotify. The spec change is still pending, and there's no MDN page yet but if you're curious, you can read the explainer document on GitHub.
If you hang out on Instagram and want to see some code next to all the high-life pictures, check out Yoganathan's "baby_wolf_codes" account.
- panphora/overtype – The markdown editor that's just a textarea.
- image-js/image-js – Image processing and manipulation in JavaScript.
- juliangarnier/anime – A JavaScript animation engine.
Adam's gradient is a heck of a tool if you're wrangling CSS gradients! 😲
Find more single-purpose online tools on tiny-helpers.dev.
Suppose you're into hiking or biking you probably have heard of Komoot. The app helps you track your adventures and the platform lives from the community around it sharing routes. Not too long ago it was sold to a private company.
I use the app regularly and so far, it's fine. Let's see what the future brings.
For corporations, it's always profits over people.
❤️ If so, join 25 other Web Weekly supporters and earn some Karma points with a small monthly donation on Patreon or GitHub Sponsors.
Loved this email? Hated this email? I want to hear about it!
If you think something needs improvement or something sparked some joy, reply to this email because I want to know more!
And with that, take care of yourself - mentally, physically, and emotionally.
I'll see you next week! 👋
Join 6.2k readers and learn something new every week with Web Weekly.
Frontend nerd with over ten years of experience, freelance dev, "Today I Learned" blogger, conference speaker, and Open Source maintainer.