# orderedItems[].object.content
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/basi c-service-worker

# orderedItems[].object.contentMap.en
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/basi c-service-worker

# orderedItems[].object.content
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/m astering-web-components

# orderedItems[].object.contentMap.en
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/m astering-web-components

# orderedItems[].object.content
@tomayac thanks for sharing!

# orderedItems[].object.contentMap.en
@tomayac thanks for sharing!

# orderedItems[].object.content
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/

# orderedItems[].object.contentMap.en
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/

# orderedItems[].object.content
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

# orderedItems[].object.contentMap.en
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

# orderedItems[].object.content
@tomayac Hmm I didn’t know you had to login still, I’ll check.

# orderedItems[].object.contentMap.en
@tomayac Hmm I didn’t know you had to login still, I’ll check.

# orderedItems[].object.content
@tomayac I thought I put the friend link so you can read it for free.

Here it is again: https://itnext.io/going-build-less-wit h-import-maps-f71842aa20cb?sk=4181989cad1e6f81fae6b390581074a9

# orderedItems[].object.contentMap.en
@tomayac I thought I put the friend link so you can read it for free.

Here it is again: https://itnext.io/going-build-less-wit h-import-maps-f71842aa20cb?sk=4181989cad1e6f81fae6b390581074a9

# orderedItems[].object.content
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/goi ng-build-less-with-import-maps-f71842aa20cb?sk=4181989cad1e6f81fae6b390581074a9

# orderedItems[].object.contentMap.en
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/goi ng-build-less-with-import-maps-f71842aa20cb?sk=4181989cad1e6f81fae6b390581074a9

# orderedItems[].object.content
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

# orderedItems[].object.contentMap.en
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