Safari 17.4 added a Switch tag and a few more exciting features. A fun-to-read conversation between Ryan (Remix) and Rich (Svelte) about the future of the Frontend and Utopia (CSS), a filter example using CSS:has(), and—by the way—CSS is Logical!
https://devblogs.microsoft.com/typescript/announcing-typescript-5-4
Free book
https://eloquentjavascript.net/
There is <input type="checkbox" switch />, which for Safari would show as a Switch and for the other browsers as a Checkbox, and it works now.
Remember <hr/> tag? Now, it will have a second life and is restored into the
<select /> tags.
The best bit (probably) is that finally, after zillions of years, we have simple div {align-content: centre}, which will centre any content without Flexbox. How many different techniques were used to get that content into the centre? With the Flexbox, it is dead simple, and now all you need is block elements like DIV and one-liner CSS.
https://webkit.org/blog/15063/webkit-features-in-safari-17-4/
So, Ryan Florence (Remix) asked other devs to create the same demo with their respective frames.
https://twitter.com/ryanflorence/status/1765540087029481566
Then Rich Haris (Svelte) created his version. I say this is a bit of cheating as Rich might have missed the idea that you MUST request DB content, where he just downloaded the whole DB in the front end. Anyways, the convo is fun to read.
https://twitter.com/Rich_Harris/status/1766120418602086416
https://github.com/Rich-Harris/sveltekit-movies-demo
Friday’s long read.
https://frontendmastery.com/posts/navigating-the-future-of-frontend/
This is a very elegant approach, and if properly connected with Designers and developers, it could make the design/development process super smooth.
https://tympanus.net/Development/3DStackMotion/
Perfect use case for the :has() selector.
https://codepen.io/jlengstorf/pen/YzMwNrp
Not sure what is going to be in part 2, but this part is massive and very detailed. Good Friday’s read.
https://www.smashingmagazine.com/2024/03/modern-css-tooltips-speech-bubbles-part1/
No arguments here!
https://geoffgraham.me/css-is-logical/
https://joshcollinsworth.com/blog/devaluing-frontend
Author: Tim Berners-Lee
https://webfoundation.org/2024/03/marking-the-webs-35th-birthday-an-open-letter/
Comment on Mastodon