#web-entwicklung (65)

Seite 1 von 7

The Web Is More Than Enough

Paul Ford im Aboard-Newsletter (oben ist die Kopie in seinem Blog verlinkt), nachdem sie Tiny Little Office, eine webbasierte Office Suite gelauncht haben, die Daten ausschließ­lich in der URL speichert.

The web browser is very, very, very powerful software for applications, and the cost of accessing that power is going down seemingly every day.

Und weiter:

In the past, the web was for people to build web pages—and, yes, in the present, you can still do that, but for more than a decade, the web has been designed for giant companies so they can deliver software securely to billions of people who buy things with credit cards. These huge mega-libraries were dropped into the web browser to enable large teams to build big things, and the little guy was a bit of an afterthought. But now you can make a game in 3D with sound, and it can work just fine on a plane.

Was früher „View Source“ war, sind heute LLMs, die es jedermann ermöglichen mit genug Durch­halte­vermögen (und Kleingeld) Dinge zu bauen, die zuvor großen Unternehmen und, ja, Experten vorbehalten waren. Und dass das geht, ist – jetzt einmal ungeachtet all der Probleme, die sich für Designer, Web- und Software-Entwickler wie eben Aboard oder auch uns daraus ergeben – erstmal großartig, insbesondere für Privat­personen.


Und speaking of Aboard: Ein weiteres tolles, web­basier­tes Tool, dass sie gerade rausgebracht haben, ist AboardSign eine kostenlose Alternative zu den über­teuerten und furchtbaren Docusigns dieser Welt.

The Web Is More Than Enough, by Paul Ford | OpenGraph Preview Image
ftrain.com

The Web Is More Than Enough, by Paul Ford

Web browsers enable incredibly rich app development—and that’s radically easier than it used to be.

„Virtual museum for my wife’s artworks“

Eylül Bozan ist eine türkische Künstlerin, die in Japan lebt und arbeitet und dort gerade für ihre Gemälde und Arbeiten ausgezeichnet wurde. Wie das halt so ist, hat ihr Ehemann Dostoynikov die Website für sie gebaut, aber wie er in seinem Blog schreibt, eben nicht nur die, sondern gleich auch noch ein ganzes virtuelles Museum für ihre Werke, das sich interaktiv durchschreiten lässt. Inklusive netter Musik, Regen-Modus und Katzen­klappe. Funktioniert auch wunderbar auf iOS.

Virtual Museum for Eylül Bozan | OpenGraph Preview Image
eylulbozan.com

Virtual Museum for Eylül Bozan

Explanation kills art.

Introducing »Views by Hypercode«

Hier reiht sich Release an Release, aber hier ist sie nun, die Hypercode-App, von der ich hier zuletzt immer wieder berichtete: Views by Hypercode.

Die App ist tatsächlich aus einem einfachen Need heraus beim Befüllen dieses Blogs entstanden: Ich schreibe super viele Blogposts mobil oder auf dem iPad und wollte immer sehen, wie sie denn auf anderen oder größeren Displays aussehen und wie die Texte umbrechen. Was auf dem Desktop problemlos durch’s Browserfenster größer oder kleiner ziehen geht, ist auf dem Tablet ein Pain und auf dem Smartphone unmöglich. Hinzu kommt: seit letztem Oktober nutze ich ein Pro Max und hätte gerne regelmäßiger mobil gesehen, wie alles auf dem regulären iPhone Pro Min aussieht.

Und wenn man den Gedanken einmal weiterdenkt, bekommt man eine Ahnung, dass eine mobile Lösung insb. für Designer und Developer recht nützlich sein könnte: Bei immer mehr Formfaktoren (hello, iPhone Duo 👋) wird der Blick über den eigenen Device-Tellerrand immer wichtiger. Mit Views by Hypercode, liebevoll und kurz »Views« genannt, lassen sich nun unter­schied­lichste View­ports direkt auf dem eigenen Gerät simulieren. Triple-Win, würde ich sagen!1

Dass sich Views dann auch noch per kostenfreier Companion CLI direkt mit dem eigenen Mac & PC verbinden lässt, um beim Speichern des eigenen Codes direkt einen Reload durchzuführen, ist Ehrensache. Auch die KI-Agenten eurer Wahl können Views so direkt steuern. Support für Shortcuts/Kurzbefehle und ein eigenes URL Schema inkl. Builder ist natürlich auch direkt mit an Bord. Hier ein tonloser Ausschnitt von meiner Videodemo für’s App-Store-Review:

Ausschnitt aus dem Demovideo für Apples App-Store-Review-Team, das die Verbindung zwischen Views und CLI zeigt.

Die App ist kostenlos, ohne Abo, ohne Tracking und mit, wie ich finde, groß­zügigen Limits in der Free-Version (Begrenzung auf drei, frei wählbare Viewport-Größen; Limit von 10 Minuten pro Woche für Live Reload und Auto Reload, Views-Badges bei den Device-Screenshots), die sich per In-App-Einmalkauf für 9,99 Euro unbegrenzt entfernen lassen.

Auf unserer Projektseite erfahrt ihr mehr über die App. Im App Store könnt ihr sie direkt kostenlos herunterladen.

  1. Für’s Blog, für Hypercode und für diejenigen von euch, die sowas auch gebrauchen können. [↩]

The death of web development education

Many independent educators who used to earn a living from web development training and developer relations have reported that GenAI has ruined their business.

molily über die KI-verursachten Probleme, mit denen freie Web­entwicklungs­dozenten gerade konfrontiert werden.

The death of web development education | OpenGraph Preview Image
molily.de

The death of web development education

Rescuing a field from disappearing

New things you should know about HTML here in mid 2026

Frontend Friday is back: Chris Coyier listet und erklärt alle neuen HTML-Elemente und Funktionen, wie geolocation, usermedia, install, selectedcontent und model. Viel los im Web!

New things you should know about HTML here in mid 2026 | OpenGraph Preview Image
blog.master.dev

New things you should know about HTML here in mid 2026

You've got your permissions elements, custom element registries, a potential future for HTML includes, HTML-in-Canvas, and a bunch more.

Aktuelle App-Entwicklungen

Ich hatte es in der letzten Woche schon kurz und kryptisch auf Mastodon und Bluesky1 angekündigt – nachdem ich mich beim Schreiben des Wortes „Links“ zugunsten von „Lonks“ verschrieben hatte und dachte, hey, wenn ich eine Link-Sammel-App rausbringen würde, sollte diese Lonks heißen; Lonks und Yonks, das würde sich hervorragend im Lebenslauf machen –, dass ich gerade an einer neuen iOS/iPadOS-App arbeite, die wir demnächst im kalifornischen Bergwerk einreichen werden.

Es handelt sich um ein kleines, wie wir finden feines Tool für Web-Designer und -Entwickler, von dem man sich fragt, warum es das nicht schon immer gab, nachdem man es einmal gesehen und genutzt hat. Spitze Zielgruppe mit spitzem Use Case, aber überaus interessant. Für die Moneta­risierung planen wir (derzeit) Freemium ein: Die App kann komplett kostenlos genutzt werden, es gibt eine inhaltliche Einschränkung, die mit einem Einmalkauf (≠ Abo) freigekauft werden kann. Genau das plane ich derzeit übrigens auch für Yonks 2.0 ein, siehe meine ersten Gedanken dazu hier. Bei einer bestehenden und dann auch noch auf Android verfügbaren App gestaltet sich das allerdings deutlich schwieriger, als bei einer frischen Apple-only-App.

Und speaking of Apple: Es gibt zwei, drei Voraus­setzungen und Funktionen, die das Unterfangen zum Scheitern bringen könnten. An einer Stelle umgehen wir App-Store-Beschränkungen, was andere aber auch machen. Nur sind das eben Namen wie Google. 🙈 Woanders gibt es eine CLI, die optional auf dem Mac installiert werden kann und die dann mit der App kommuniziert, was ehrlicher­weise Neuland in unserem ansonsten sehr erfahrenen App-Review-Game ist.

Also schauen wir mal. Die App ist bereits zu 95% fertig, ich arbeite aktuell nur noch am Polishing und Testing der CLI. Der Plan ist, die App schnellst­möglich einzureichen, um die Unklarheiten in Bezug auf’s Bergwerk alsbald zu klären, gleich­zeitig dem Bergwerk aber auch zu signalisieren, dass das hier kein Wochenend-AI-Slop ist, unter dem es gerade leidet. Daher das Anti-MVP-Polishing.


Weiter erweitern wir auf vielfachen Nutzer­*innen­wunsch und nach Rück­sprache mit den Kolleg­*innen von awork, unserer Projekt­management­software der Wahl, gerade die von uns entwickelte awork-Raycast-Extension, so dass diese fortan auch direkt aus Raycast heraus Tasks erzeugen und bearbeiten kann. Raycast-AI-Support inklusive. Sollte in den nächsten Tagen released werden, was ihr dann natürlich auch hier erfahrt.


Und weil Nischen unser Ding sind, haben wir uns eine weitere gesucht und nicht ein, nicht zwei, sondern gleich drei Stücke Software dafür ge­schrieben. Die Vor­gespräche sind alle erfolg­reich gelaufen, jetzt folgt das Store-Review in diesem Nicht-Apple-/Google-Kosmos.

Spoiler: Wir haben u.a. einen Feedreader gebaut, aber anders als man denkt. Normaler­weise eher etwas, das unter dem „eay“-Dach und nicht bei Hypercode zuhause wäre, aber einfach­heits­halber ver­öffentlichen wir es jetzt im Firmen­kontext. Ich hab’s aber alleine und nur für mich gebaut. 🤓 Sobald das so weit ist, steht es ebenfalls hier.


Und dann, last but not least, habe ich mir im Urlaub eine kleine Health-App gebaut, die ich so und/oder für bezahlbares Geld bisher nicht gefunden habe. Funktioniert wunderbar und ist im täglichen Einsatz bei mir. Aber ob ich die Zeit finde, das für eine Ver­öffentlichung fertig zu machen, bleibt abzuwarten.

Es gäbe schließlich noch genug zu tun, z.B. shortfil.ms zu aktualisieren. 😅


So oder so: Wenn was gezeigt werden kann, werde ich es zeigen. Die Micro-Apps-Blogserie von Matt Birchler, in der er kleine Anwendungen für über­schau­bare, meist private Zwecke gezeigt hat, hat mir nämlich gut gefallen.


Update, 31.08.: Hier ein kleines Sneak-Peek zur sagen­umwobenen Hypercode-App.

  1. Weiterhin Indigo, siehe Fußnote 1 hier. [↩]

They don’t make ’em like Sublime Text anymore

David Bushell nutzt wieder Sublime Text, weil er die aufgeladenen, sich ständig verändernden Tools nicht mehr ertragen kann (wie zuletzt auch wunderbar von OpenAIs Codex-/ChatGPT-macOS-App-Schlamassel bewiesen):

Modern software sucks. It’s built by self-proclaimed “engineers” who make their chat box addiction your problem and still use Twitter.

Ich kann dem durchaus etwas abgewinnen. Besagtes Sublime Text befindet sich seit mehr als einem Jahrzehnt in meinem Dock. Es ist schnell und mächtig, versteckt seine Möglichkeiten zunächst aber hinter Minimalismus. Wenn man dagegen auf VS Code oder den Fork Cursor blickt, weiß man gar nicht, wohin man zuerst gucken soll und was die alles können.

The perfect dev stack is a collection of software that each does one job and doesn’t suffer main character syndrome.

They don’t make ’em like Sublime Text anymore | OpenGraph Preview Image
dbushell.com

They don’t make ’em like Sublime Text anymore

The one where I back to good software.

Software as the Product of Obsession Times Voice

Jim Nielsen, der John Gruber zitiert, der Walt Disney zitiert:

John Gruber, quoting Walt Disney:

We don’t make movies to make money; we make money to make more movies.

Gruber’s version: don’t make software to make money, make money to make more software.

My version: don’t make websites to make money, make money to make more websites.

Ich kann mich damit gut identifizieren, auch was unsere Arbeit bei Hypercode angeht. Oftmals haben wir hier die Diskussion, dass wir noch „dies und jenes“ tun müssten, um aus einem guten ein richtig gutes Produkt zu machen, dies aber leider nicht mehr vom Budget gedeckt ist. Wir tun das dann in der Regel trotzdem, weil es das ist, was wir tun wollen: richtig gute Digital­produkte bauen. Dass man damit Geld verdient – auch weil so aus Auftrag­gebern langjährige Partner werden –, ist ein willkommener Nebeneffekt.

Software as the Product of Obsession Times Voice | Jim Nielsen’s Notes | OpenGraph Preview Image
notes.jim-nielsen.com

Software as the Product of Obsession Times Voice | Jim Nielsen’s Notes

CSS is DOOMed

Niels Leenheer hat Doom in CSS (und ein bisschen JavaScript) nachgebaut:

No, CSS is awesome. CSS is better than ever and it is only getting better. And that is why I built DOOM in CSS. Every wall, floor, barrel, and imp is a `<div>`, positioned in 3D space using CSS transforms. The game logic runs in JavaScript, but the rendering is entirely CSS. You can play it right now.

CSS is DOOMed! | OpenGraph Preview Image
nielsleenheer.com

CSS is DOOMed!

Every wall, floor, barrel, and imp is a div — DOOM rendered entirely in CSS. Using 3D transforms, CSS math functions, @property, clip-path, anchor positioning, and SVG filters to build a fully playable 3D first-person shooter in the browser without Canvas or WebGL.

I decompiled the White House’s new app

The official White House Android app has a cookie/paywall bypass injector, tracks your GPS every 4.5 minutes, and loads JavaScript from some guy’s GitHub Pages.

Das Weiße Haus hat eine neue App1 (Version 47.0.1 🙄) und Entwickler*in Thereallo hat sich diese mal genauer angeschaut und gröbste Fehler und Über­wachungs­infra­struktur darin entdeckt. Als jemand der sich zufälliger­weise mit genau diesem Tech-Stack auskennt, kann ich bestätigen: so macht man das nicht.

Is any of this illegal? Probably not. Is it what you’d expect from an official government app? Probably not either.

  1. Link direkt auf’s Internet Archive, weil ich nicht dorthin verlinken will. [↩]
I Decompiled the White House's New App | OpenGraph Preview Image
blog.thereallo.dev

I Decompiled the White House's New App

The official White House Android app has a cookie/paywall bypass injector, tracks your GPS every 4.5 minutes, and loads JavaScript from some guy's GitHub Pages.