Programmierung

Visual Studio Code (VS Code) hat sich in den letzten Jahren als eine der beliebtesten Entwicklungsumgebungen etabliert. Die Gründe dafür sind vielfältig: Es ist leichtgewichtig, unglaublich flexibel und bietet durch zahlreiche Erweiterungen fast unbegrenzte Möglichkeiten. Für Entwickler ist VS Code längst mehr als nur ein Editor – es ist eine Plattform.

Da ich regelmäßig mit Magento arbeite, kam mir die Idee, meine eigene VS Code-Erweiterung zu entwickeln, die speziell auf die Bedürfnisse der Magento-Community eingeht. In diesem Blogbeitrag möchte ich nicht nur meine Motivation und die Funktionalitäten der Erweiterung „Magento Log Viewer“ vorstellen, sondern auch einen Einblick in den Entwicklungsprozess und die technischen Herausforderungen geben.

In der heutigen digitalen Landschaft entscheiden Benutzerfreundlichkeit und Zugänglichkeit maßgeblich über den Erfolg einer Website. Mit den Core Web Vitals hat Google eine Reihe von Metriken eingeführt, die die Qualität der Nutzererfahrung bewerten und seit 2024 als wichtige Rankingfaktoren dienen. Doch es gibt noch einen weiteren, oft unterschätzten Aspekt, der zunehmend an Bedeutung gewinnt: Barrierefreiheit, insbesondere im Hinblick auf das neue Barrierefreiheitsstärkungsgesetz (BFSG).

Was sind die Core Web Vitals?

Die Core Web Vitals sind drei zentrale Kennzahlen, die verschiedene Aspekte der Benutzererfahrung bewerten:

Jeder, der regelmäßig professionelle Fotos macht und diese auf einem WordPress-Blog oder einer Business-Seite präsentiert, kennt das Szenario: Stundenlanges Bearbeiten in Lightroom, perfektionierte Belichtungen und Farben – und dann kommt dieser kreativitätshemmende, frustrierende Schritt, der den Flow komplett zerstört: der manuelle Upload-Prozess.

Du kennst das Spiel: Export-Einstellungen prüfen, warten, bis die Dateien auf der Festplatte liegen. Dann WordPress-Dashboard öffnen, „Medien“ klicken, „Datei hochladen“ wählen, die Bilder suchen, hochladen lassen. Anschließend Titel, Alt-Texte und Beschreibungen für jedes einzelne Bild manuell nachtragen. Und wehe, dir fällt ein Fehler auf und du musst ein Bild ersetzen!