Happy Friday! Loads of articles this week. Qwick intro with Astro (Catchy title!), Temporal API and Deno, Blurry effect and another scroll animation example. Quite a few Mixed News. My favourite is Don’t Force Me to log in, but AI art is also enjoyable.
Deno brings significant improvement with Temporal API. Temporal is more likely to replace Date() in JavaScript, which is excellent!
Also, it is worth mentioning that the Temporal itself is a Stage 3 proposal.
https://tc39.es/proposal-temporal/docs/
https://9elements.com/blog/stress-testing-svelte-until-your-browser-breaks-down-crying/
https://scottjehl.com/posts/composition/
I’d say this is one catchy title, right? It is a great post to read about a Qwick intro with examples. Also, if you know React, the only difference is how you handle the State. Even that is not so different.
https://thenewstack.io/take-a-qwik-break-from-react-with-astro/
It is an interesting article. However, I find it quite ironic that the article about performance has a Hero image of >10MB in size. 🙂
https://ruoyusun.com/2024/01/23/cividle-optimization.html
Another fascinating example is what you can do without JavaScript. By mixing animation-range and animation-timeline we can do something with an element while it is visible on the screen.
This is an experimental feature, so it should be used as progressive enhancement.
https://frontendmasters.com/blog/highlight-text-when-a-user-scrolls-down-to-that-piece-of-text/
Step-by-step explanation on how to create a blur effect. The result is awesome!
https://www.smashingmagazine.com/2024/01/css-blurry-shimmer-effect/
This is one long list. I’m very sceptical about the em unit. However, the ch unit I find helpful, especially if I need to put something in a small box.
I can relate to that.
https://hamatti.org/posts/please-dont-force-me-to-log-in/
This is a long read and kind of a cold shower, too. There was always that hope that our users would have faster internet and better devices, but that is not the case. We should always consider the Web Budget in Kilobytes and the size of our assets.
https://infrequently.org/2024/01/performance-inequality-gap-2024/
All famous icons are set in one place, which is easy to choose, change colour, and use. Amazing work.
https://icon-sets.iconify.design/
“Today, iOS users already have the ability to set a third-party web browser — other than Safari — as their default. Reflecting the DMA’s requirements, Apple is also introducing a new choice screen that will surface when users first open Safari in iOS 17.4 or later. That screen will prompt EU users to choose a default browser from a list of options.”
As with Apple, there is no simple way for browsers to make it into iOS.
https://www.theverge.com/2024/1/26/24052067/mozilla-apple-ios-browser-rules-firefox
It's a very lovely philosophical article. Best opened with JavaScript turned off due to zillions of adverts. ”There should be lots of different, human-scale alternative experiences on the internet that offer up home-cooked, locally-grown, ethically-sourced, code-to-table alternatives to the factory-farmed junk food of the internet. And they should be weird.”