dannymoerkerke - Network

Cross-document view transitions now work in Safari on iOS 18.2 💪Demo: https://view-transitions-types-demo-mpa.glitch.me/

Cross-document view transitions now work in Safari on iOS 18.2 💪

Demo: https://view-transitions-types-demo-mpa.glitch.me/

Introducing #ProjectServiceWorker I believe every web app should be able to work offline and I have made it my mission to get people to...

Introducing #ProjectServiceWorker

I believe every web app should be able to work offline and I have made it my mission to get people to implement offline support for their web apps.

To do this, I implemented a basic Service Worker that you can add to your web app to make it work offline.

Grab it here, add it to your web app, and comment with a link here (or in a separate post) using #ProjectServiceWorker

I will repost each one.

Grab it here 👇
https://github.com/DannyMoerkerke/basic-service-worker

I decided to offer all chapters in the paid version of my course Mastering Web Components separately as well.The price for each chapter is...

I decided to offer all chapters in the paid version of my course Mastering Web Components separately as well.

The price for each chapter is only $10 and some are even just $5.

Get the course here 👇

https://dannymoerkerke.gumroad.com/l/mastering-web-components

How do View Transitions work for multi-page apps?Did you know you can use View Transitions without navigating to another page?You can read...

How do View Transitions work for multi-page apps?

Did you know you can use View Transitions without navigating to another page?

You can read all about it in Modern Web Weekly #7 which has just been published

https://modern-web-weekly.ghost.io/

View Transitions are now a W3C candidate recommendation and both Firefox and Webkit have announced support!Cross-browser support coming up...

View Transitions are now a W3C candidate recommendation and both Firefox and Webkit have announced support!

Cross-browser support coming up 🎉

https://itnext.io/view-transitions-the-final-frontier-for-web-apps-d35658cc12b6?sk=ebc272d4c59cbdbc84b4d0338042976d

Does your web app really need a build step?If you only need a build step to resolve bare import specifiers you could implement an import map...

Does your web app really need a build step?

If you only need a build step to resolve bare import specifiers you could implement an import map and get rid of your build altogether.

In my new article, I explain how you can go build-less today

https://medium.com/@dannymoerkerke/going-build-less-with-import-maps-f71842aa20cb?sk=4181989cad1e6f81fae6b390581074a9

Custom States enable you to style Web Components based on states with pseudo-classes (just like :checked, :disabled, :hover etc) but now you...

Custom States enable you to style Web Components based on states with pseudo-classes (just like :checked, :disabled, :hover etc) but now you can define these yourself!

For example:

my-element:--some-state {
...
}

I explain this in my new article:

https://itnext.io/the-hidden-power-of-custom-states-for-web-components-dcae5b048e20