WDRL — Edition 289: Simplify your life and work and new stuff on the web

Celý článek

Hey,

this week I want to share thoughts from Jens Oliver Meiert on »Listening« with you. I wholeheartedly agree with the point raised in the text that we are at a point where we don’t listen to others anymore, where we disagree or dismiss other people’s ideas straight without reconsidering them, without trying to understand the standpoint. It’s either 100% or 0%. But there are so many goodies if we change this habit that we should exercise the practise of listening and understanding other opinions again. When reading, I realise that I’m trying my best already, I realise that I wish more people would be more open but I also realise that I struggle with it quite regularly, too. So I’ll promise to myself now again to do my best to get better at not dismissing other opinions straight away.

News

• Chrome now supports the import of JSON modules.
• Apple just announced Safari 15 that’s coming in autumn and here are the highlights: Support for HTML attribute autocomplete=one-time-code (2FA), CSS aspect-ratio, lab(), lch(), hwb() color syntaxes, theme-color meta tag supoport, and in JavaScript top level await, ES6 Modules in Service Workers and Workers, Error.cause. Apart from that a lot of privacy and security enhancements are coming as well as WebGL2, and Web Share level 2.

Generic

• A little bit of a different view that shows the benefits of auto deleting inactive users from your platform. When you do, your database will get faster, more secure, and easier to handle and administrate. In the end, inactive users make a great number but the platform itself doesn’t benefit from them. Care about those on your platform.

UI/UX

• Flagpack is a set of flags we can use for internationalization and languages choosers on our apps and websites. It’s open source.

Tooling

• HeadlessUI is a set of completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. Designed for React and Vue.

Web Performance

• Fork is a lightweight solution for running PHP code concurrently.

Accessibility

• Sandrina Pereira explains us how to make disabled buttons more inclusive.
• Kitty Giraudel shares how to implement an accessible toggle component in your app.
• Vitaly Friedman wrote up a complete guide to accessible front-end components. This is worth reading it again from time to time.

CSS

• David Bushell argues for using start and end as syntax instead of left and right for a more universal layout language.
• Adam Argyle shares how to create split-text animations and word animations the proper way.
• Jim Nielsen reveals the system colors we can use in CSS and how useful this can be for light and dark mode themes.
• Barry Pollard shares how we can control font loading with less impact to the rendering with the cool new CSS Font Descriptors feature.

Work & Life

• This is a great piece of content on how less is often more. Kent C. Dodds shares with the example of electric cars why sometimes we need to think entirely different to what we’re used to to simplify things. Electric cars need less maintenance and are easier to build because they need less parts. If we apply that to our life, or to building websites we can save ourselves from a lot of trouble.
• Julia Evans shares helpful advice on how to improve the relationship to your manager by telling them thing they might not know, such as why the team might be slow, what the technical debt is, what goals you may have, the extra work people in the team are doing, and more.

I hope you’re doing fine and have a way to stay positive, find your way to make an impact and help build a better society, better friendships and make our world a little better.
If you want to support my work, you can give back via PayPal or Stripe. Thank you!

Anselm