Author | Lightnews

Danny Moerkerke

@dannymoerkerke.bsky.social

310 followers 150 following 300 posts

Independent PWA and Web Components specialist, creator of https://whatpwacando.today. I write about what the modern web can do, Web Components and PWAs. Email list: https://modernwebweekly.com

whatpwacando.today.

Posts Media Videos Starter Packs

Pinned

Danny Moerkerke @dannymoerkerke.bsky.social · 29d

Whenever you need help with your (progressive) web app, just book a call with me and I will do my absolute best to answer your questions and solve your problems.

I charge €100 for a one-hour call.

If you're not happy with it, you get your money back, no questions asked.

Booking link 👇

1 1

Danny Moerkerke @dannymoerkerke.bsky.social · 1d

Join my email list for a weekly update on Progressive Web Apps (PWA), Web Components and new features of the modern web platform, tested and explained in plain English

modernwebweekly.com

Modern Web Weekly

A weekly update on the modern web platform, web components and progressive web apps (PWAs)

modernwebweekly.com

Danny Moerkerke @dannymoerkerke.bsky.social · 1d

Demo:

2/3

codepen.io/dannymoerker...

Range syntax: slider with tooltip and changing background color

...

codepen.io

Danny Moerkerke @dannymoerkerke.bsky.social · 1d

With the CSS if() function and range syntax in style queries, I created a simplified version of a slider that changes its background color based on its progress.

The initial version used a custom CSS @function.

Details in the upcoming edition of Modern Web Weekly.

Demo and subscribe link 👇 1/3

1 1 1

Danny Moerkerke @dannymoerkerke.bsky.social · 7d

We don't need to wait for better PWA support on iOS to make web apps a success

medium.com/gitconnected...

What We Need To Make Web Apps A Success

We don’t need to wait for Apple to jump on board

medium.com

1 4

Danny Moerkerke @dannymoerkerke.bsky.social · 10d

Lit is great 🔥

Justin Fagnani @justinfagnani.com · 11d

People so often don't get that Lit isn't a framework, but it really helps understand our design decisions.

For example: Why doesn't Lit have an opinionated reactivity system for generic data, like Signals?

Danny Moerkerke @dannymoerkerke.bsky.social · 11d

The point is that the WhatsApp native app provides good offline support by providing the best UX possible for that situation. This is something that web apps can do as well but instead, they usually don't work offline at all.

1 1

Danny Moerkerke @dannymoerkerke.bsky.social · 11d

What do we need to do to make web apps a success?

Here's my vision:

medium.com/@dannymoerke...

What We Need To Make Web Apps A Success

We don’t need to wait for Apple to jump on board

medium.com

4 3 10

Danny Moerkerke @dannymoerkerke.bsky.social · 13d

Would it make sense to have some CSS way to style an element based on the mouse position relative to that element?
So for example, an element would increase in height while the mouse moves closer to the bottom of that element or decreases in height while it moves towards its top.

1 1

Danny Moerkerke @dannymoerkerke.bsky.social · 13d

I can’t even begin to explain how utterly useless the Google Cloud Translation API is on web dev docs that are translated to Dutch.

It literally translates all technical English terms that we use verbatim to Dutch.
It’s comical at best.

Danny Moerkerke @dannymoerkerke.bsky.social · 13d

My talk The State of PWAs from Frontkon, Czech Republic is now available to watch on YouTube:

www.youtube.com/watch?v=9ZC7...

Danny Moerkerke - The State Of PWAs

YouTube video by Frontendisti

www.youtube.com

Danny Moerkerke @dannymoerkerke.bsky.social · 16d

Then it’s probably a “skill issue” on my side 😉 I’ll have a look

Danny Moerkerke @dannymoerkerke.bsky.social · 16d

I do notice an issue in Firefox 144 where document.startViewTransition() works only once. Some full-screen pseudo-element stays on the page, blocking interaction with all other elements. When I navigate to another tab and back, it works again once.
It's fixed in 146:

codepen.io/dannymoerker...

Reposted by Danny Moerkerke

{🧪} +paoloricciuti.svelte @paolo.ricciuti.me · 16d

If you need to add the Svelte MCP to your setup you can now easily do it with

```
sv add mcp
```

github.com/sveltejs/cli...

🎉🎉🎉

Release [email protected] · sveltejs/cli

Patch Changes fix(drizzle): --cwd option in add command is now taken into account (#738) feat(drizzle): Docker Compose file is now stored in compose.yaml instead of docker-compose.yml (#738) ...

github.com

5 32

Danny Moerkerke @dannymoerkerke.bsky.social · 17d

What happened?

Danny Moerkerke @dannymoerkerke.bsky.social · 19d

Join my email list for weekly update on Progressive Web Apps (PWA), Web Components and new features of the modern web platform, tested and explained in plain English

modernwebweekly.com

Modern Web Weekly

A weekly update on the modern web platform, web components and progressive web apps (PWAs)

modernwebweekly.com

Danny Moerkerke @dannymoerkerke.bsky.social · 19d

I just published Modern Web Weekly #61.

In this edition:
- taming the on-screen keyboard
- View Transitions supported in Firefox 144, but...
- a slider with tooltip and color-changing background

Subscribe here 👇

1 1 1

Danny Moerkerke @dannymoerkerke.bsky.social · 28d

It seems I did a pretty bad job at proofreading that article. Fixed with the help of Grammarly.
Thanks again for reporting.

1 1

Danny Moerkerke @dannymoerkerke.bsky.social · 29d

Thanks! Corrected 😉

Danny Moerkerke @dannymoerkerke.bsky.social · 29d

itnext.io/offline-is-n...

Offline Is Not An Error

Stop treating it like one

itnext.io

1 1

Danny Moerkerke @dannymoerkerke.bsky.social · 29d

cal.com/dannymoerker...

1-on-1 consult with Danny Moerkerke | Danny Moerkerke | Cal.com

1-on-1 consult with Danny Moerkerke

cal.com

Danny Moerkerke @dannymoerkerke.bsky.social · 29d

1 1

Danny Moerkerke @dannymoerkerke.bsky.social · Oct 3

TIL when an iOS device is connected to a macBook, click the inspect tool icon in Safari Web Inspector, then tap an element on the screen, the Elements panel reveals that element.

I always thought it was a useless tool since the screen doesn't show the iPhone screen, but now I know how it works!

Danny Moerkerke @dannymoerkerke.bsky.social · Oct 1

Thank you so much!

Danny Moerkerke @dannymoerkerke.bsky.social · Sep 18

Join my email list for weekly update on Progressive Web Apps (PWA), Web Components and new features of the modern web platform, tested and explained in plain English

3/3

modernwebweekly.com

Modern Web Weekly

A weekly update on the modern web platform, web components and progressive web apps (PWAs)

modernwebweekly.com

Danny Moerkerke @dannymoerkerke.bsky.social · Sep 18

Demo:

2/3

whatpwacando.today/viewport

What PWA Can Do Today

A showcase of what is possible with Progressive Web Apps today.

whatpwacando.today