Aktuelle Artikel

 | Christian Liebel

Progressive Web Apps (PWA) sind ein webbasiertes Anwendungsmodell: Einmal geschrieben lassen sich diese Anwendungen überall dort ausführen, wo ein halbwegs moderner Browser zur Verfügung steht – von Mobilgeräten bis hin zum Desktop. Gerade auf Windows, macOS und Linux haben PWAs ein großes Potenzial, denn hier...

Artikel lesen
 | Christian Liebel

In this last article of this series, I want to summarize the development process of the Paint remake and critically reflect on the technology choices. Was this experiment successful?

Artikel lesen
 | Max Schulte

Angular and its router are powerful tools to create single-page applications (SPAs). However, there are some critical differences in the context of an Ionic Framework application. Ionic Framework (short Ionic) comes with many new components and features, such as its router and animation system. Ionic's router enables...

Artikel lesen
 | Christian Liebel

In part five of the series about the making of the web-based Microsoft Paint clone paint.js.org, I want to show how to implement support for dark mode in your web applications.

Artikel lesen
 | Christian Liebel

In this fourth part of the series about the Microsoft Paint remake on paint.js.org, I want to demonstrate how you can save your drawings to your local disk, read them back later and how to add your web app as a handler for certain file extensions.

Artikel lesen
 | Christian Liebel

Write once, run anywhere – dieser alte Java-Traum ist dank Webtechnologien längst Realität geworden. Neuerdings haben Cross-Platform-Entwickler aber die Wahl zwischen altbewährten Ansätzen wie Capacitor und GitHub Electron, bei denen Web-Apps in native Container verpackt werden, und den neuen Progressive Web Apps...

Artikel lesen
 | Christian Liebel

In part three of the series about the making of the web-based Microsoft Paint clone paint.js.org, I want to show how you can copy drawings from the Paint clone to other applications and paste them back.

Artikel lesen
 | Christian Liebel

After introducing into the project about the web-based Microsoft Paint clone in the first part of this series and talking about the choice of Web Components and the architecture of paint.js.org, I now want to demonstrate how I implemented the drawing functionality.

Artikel lesen
 | Christian Liebel

Progressive Web Apps and the new powerful web APIs provided by Project Fugu allow developers to implement desktop-class productivity apps using web technologies. In this six-part article series, Christian Liebel shows you the critical parts of how paint.js.org was made, a web-based clone of the productivity app...

Artikel lesen
 | Max Schulte

Creating mobile and desktop applications is a complicated task. Different operating systems require us to have in-depth knowledge of multiple platforms. The web solves most of the problems for us by providing a single platform that runs everywhere - supported by different operating systems and browser vendors....

Artikel lesen
 | Christian Liebel

In the previous parts of this article series, we learned that Apple does not support the standardized web-based push mechanisms, and there is no sign of a possible timeline for implementation. Therefore we have to look at additional ways to bring the users' attention back to our…

Artikel lesen
 | Thomas Hilzendegen

"Bitte prüfen Sie, ob eine Verbindung zum Internet vorhanden ist" - ein Satz, den wir alle kennen, wenn wir eine Anwendung nutzen wollen, die nicht offline verfügbar ist. In diesem Artikel zeigen wir, wie man eine bestehende (Angular-) Anwendung und ihre Daten offline nehmen kann…

Artikel lesen
 | Christian Liebel

Christian hat in seinem Webinar am 18. September 2020 über Progressive Web Apps die Offline-Fähigkeit in den Mittelpunkt gerückt - denn: zentrale Eigenschaft jeder Progressive Web App (PWA) ist die Verbindungsunabhängigkeit. Dank dem Service Worker funktioniert die App auch dann…

Artikel lesen
 | Max Schulte

Progressive Web Apps (PWA) are one of the most promising new technologies for the web. They enable web apps to be used similar to native apps: they can be installed on the home screen and, with some additional work, also run offline. Apart from that, you also need access to platform features like notifications, the...

Artikel lesen
 | Christian Liebel

The third part of the PWA push notification series will take a closer look at the HTTP Web Push protocol. If you want to learn more about the Notifications API or the Push API, check out the first two parts. Article Series Notifications API Push API HTTP Web Push ⬅ Additional…

Artikel lesen
 | Christian Liebel

Traditionally, when developers wanted to distribute their web-based apps through app stores like Google Play, there was only one option: Apache Cordova. In the meantime, Progressive Web Apps (PWA) have arrived. The life of a PWA starts in the browser, and users can choose to…

Artikel lesen
 | Christian Liebel

Mit Project Fugu mischen Google, Microsoft und Intel die Welt der webbasierten Anwendungsentwicklung gründlich auf. Fähigkeiten, die bisher nur nativen Anwendungen oder über Wrapper-Ansätze wie Apache Cordova oder GitHub Electron zugänglich waren, sollen ihren Weg in den Browser…

Artikel lesen
 | Christian Liebel

This part of our article series on PWA push notifications focuses on the Push API that deals with creating push subscriptions and receiving push messages. If you want to learn more about web-based notifications in general, check out the first part of our series on the…

Artikel lesen
 | Christian Weyer

As already outlined in my previous article, a Blazor application almost always has to integrate with the JavaScript world, and especially with the DOM layer in the browser. In this article, I am going to quickly show you how to transform your Blazor WebAssembly application into a…

Artikel lesen
 | Christian Liebel

For sure, Progressive Web Apps (PWA) are one of the hottest topics on the web today. A PWA should feel like a real app, including the ability to show push notifications. In this blog series, you will learn how to implement push messaging in your PWA or website using the Push API…

Artikel lesen
 | Steffen Jahr

If you are working with Service Workers for the first time you'll probably have noticed that the Service Worker's functionality can be found on different objects. This can be a little bit confusing. First of all the API is a little bit misleading because is not an instance of…

Artikel lesen