Webtagr - Technologienummer

Veröffentlichung eines Docker-Containers für Microsoft Edit im GitHub Container Registry

2025-06-22

Der Autor beschreibt den Prozess der Erstellung und Veröffentlichung eines Docker-Images für Microsofts neuen Terminal-Texteditor Edit im GitHub Container Registry. Mangels offizieller Builds für Apple Silicon erstellte der Autor einen Docker-Container, um die aarch64-linux-gnu-Version auf seinem Mac auszuführen. Der Beitrag führt durch den Build eines mehrstufigen Docker-Images zur Größenminimierung, die Verwendung eines GitHub Personal Access Tokens zum Pushen des Images und bietet einen einfachen Befehl für jeden mit Apple Silicon Mac und Docker, um Edit auszuführen.

(til.simonwillison.net)

Entwicklung

Minimale GitHub Pages Bereitstellung mit GitHub Actions

2025-03-20

Dieser Beitrag beschreibt einen minimalen Ansatz zum Erstellen und Bereitstellen einer vollständig benutzerdefinierten Website mit GitHub Actions und GitHub Pages. Durch Aktivieren von GitHub Pages, Erstellen einer YAML-Workflow-Datei (publish.yml) mit Build- und Bereitstellungsschritten und Platzieren der generierten Website-Dateien im Verzeichnis `_site/` können Sie einfach statische Websites bereitstellen. Diese einfache Methode ermöglicht das Erstellen komplexerer Funktionen mithilfe geplanter Workflows und Git-Scraping, z. B. das Veröffentlichen von Atom-Feeds oder benutzerdefinierten Websites, ohne umfangreiche Konfiguration.

(til.simonwillison.net)

Entwicklung Statische Website Bereitstellung

Debugging eines HTML-Dialogfensters in voller Bildschirmhöhe

2025-03-16

Der Autor stieß auf ein Höhenproblem bei der Verwendung des HTML-Elements `` zum Erstellen einer Seitenleiste: Eine Lücke erschien unten, wodurch es nicht die volle Bildschirmhöhe einnahm. Der Debugging-Prozess umfasste verschiedene Methoden, darunter die Konsultation von KI-Tools wie Claude und ChatGPT. Der Übeltäter war ein Standard-Chrome-Stil, der auf das ``-Element angewendet wurde: `max-height: calc(100% - 2em - 6px);`. Das Hinzufügen von `max-height: inherit` oder `max-height: 100vh` behob das Problem. Weitere Untersuchungen der HTML-Spezifikation zeigten, dass dieser Standardstil hinzugefügt wurde, um einen vorherigen Fehler zu beheben, was die sich ständig weiterentwickelnde Natur von Webstandards unterstreicht.

(til.simonwillison.net)

Entwicklung