Web Weekly #61
- Published at
- Updated at
- Reading time
You might have noticed I skipped last week's Web Weekly. Sitting in between moving boxes got me. Every box I unpacked just made more mess! But I'm almost done moving into my new place... 🤞
I'll also switch to scheduled sending starting next week. Web Weekly will hit your inbox around 8 AM CET every Monday from now on! 🎉
And lastly, welcome to the 54 new subscribers since the last edition! I'm super excited to have you around! 👋
And with this, today you'll learn about:
- many unknown HTML tricks (there's some good stuff in this edition)
- CSS layouts
... and, as always, GitHub repositories, a new Tiny Helper and some music.
Zell (who you might know from his blog) and I jumped on a call to talk about resource caching and HTTP/2. We derailed quite a bit and ended up talking about ads, privacy, HTTP and our approaches to creating content online.
It was a lovely chat. Thanks, Zell!
I won't spoil what'll happen in this Twitter video. But oh my, is that cute. 🥰
- GitHub provides a new feed, and I'm super into it!
- Turbo Console Log is a VS Code extension to avoid typing
consoleall the time.
- Mozilla released MDN Plus.
Louis came around with this very clickbaity Smashing article. But what shall I say? His post indeed includes many attributes that I haven't used before! It's a perfect read to level up your HTML skills. 💯
Jim shared some excellent tricks included in his blog theme. The site design is pretty minimal and is based on the CSS
The approach to building the navigation stands out. It's based on web components and works without JS or even without CSS. I love it!
Josh took a look at CSS layout algorithms such as grid, flex and positioned layouts. It's an excellent read, as always!
This week I learned you can match grouped but unselected radio inputs with CSS. 😲
WebAIM (Web Accessibility in Mind) scans the Alexa top one million pages once a year to analyze how they're doing in terms of accessibility.
It's an interesting but also depressing read.
Accessibility isn't on developers' minds, and it clearly shows. There are many simple things that can make the web more accessible. The report shares easy things to improve the overall web experience.
Chrome turned 100 a few days ago. To celebrate it, our friends at Google collected a list of "web events" from Chrome's initial release to this version milestone.
This video is worth your time if you include custom key handling in your sites! I promise.
This one's from the weird corners of the internet. Did you ever have to write an email but didn't want the receiver to read it, hoping it to land in the spam folder?
straight2spam can help out. 🙈
My Random MDN bot tweeted the docs page for the
li HTML element and I discovered that list item elements support a
value property. 😲
Read more about it on MDN. 👇
Did you know that git supports a
--short flag for humans and a
--porcelain flag for scripts? Now you do. 😉
- ruilisi/css-checker – Reduce Similar & Duplicated CSS Classes with Diff in Seconds!
- vercel/og-image – An Open Graph Image as a Service.
- will-stone/browserosaurus – The browser prompter for macOS.
Every time I see these AI-powered image tools, I'm amazed. It's wild how good they are today.
Do you still clean up images in Photoshop manually? Maybe you shouldn't. 😉 Here are not one, not two, but three Tiny Image Helpers for you.
Magic Eraserlets you remove things from images.
Cleanupdoes the same. 🙈
- And the classic one:
removeBgremoves unwanted backgrounds on button click.
This week's song is an oldie from 2006. Nada Surf's "Always love" is a track for the ages!
And that's a wrap for the sixty-first Web Weekly! If you enjoy this newsletter, I'd love you to tell others about it. ♥️
- Share it on Twitter.
- Forward it to someone who might like it.
If you're not a subscriber, you can change that! 😉
And with that, take care of yourselves, friends - mentally, physically, and emotionally. I'll see you next week! 👋