Hey,
David Cain has a lot of very good thoughts out there on his blog. When I read the current article »don’t forget to swim now and then«, I wholeheartedly agreed to many aspects in it. We people strive for activities our bodies and brains adapted to over eons, while we struggle a lot with modern and/or activities we are not a adapted to: Politics (too abstract, unpredictable), telecommunication (unreal, missing sensoric information), and others. What I think is interesting about it is that it explains why we relax when going for a swim or run, hiking, sitting in nature around a fireplace, go camping (despite it is uncomfortable compare to our home). And it’s why we are stressed when being in meetings, watching TV, news all day. Leo Babauta has some helpful ideas on how to let go of sacred cows and start new habits.
Here’s my current list of interesting web-related articles I found worth reading. It’s wonderful to see how much we can do with CSS now, that we’re getting native browser stuff like popovers, loading states and more. And I realized how weird it will be to read all my editions in a decade from now on. Most of the stuff will be outdated, even when I think it’s evergreen and highlight it. The web continues to evolve quite fast and compared to building websites only five years ago, the real challenge is to keep up to date and change our habits and old code patterns to new ones.
News
- What’s new in Safari 17 coming in autumn? WebApps for macOS Sonoma, Spatial Web, support for the 3D visualizing HTML
image-set()implementation for responsive images in CSS! Also:popoverattribute support (see article below),
elements, list counter styles, newtext-transformvalues, Media Queries 4, the URL API in JavaScript, and so much more. Wow for that upcoming release!
Generic
UI/UX
- Working with Figma? Here are some great tips that your developers will love you for while your design will look more awesome. Remember that you can use Figma like a static px-based tool that’s not much better than Photoshop or like a web-tool that’s really useful for developers.
Web Performance
HTML & SVG
- Learn how to build tooltips, menus, and more with the new popover API, available in Chrome and coming to others soon. Exciting times ahead!
- Here’s a job interview question for you: When you click a button and call the
showModal()method to open a modal, where does the focus go by default, and how can you move it elsewhere? Can you imagine a job interviewer caring about accessibility and HTML? Me neither, but the question is interesting and here’s how to do that.
JavaScript
CSS
If you liked it, please contribute any custom amount here. Thank you!
Anselm
