In eigener Sache: Designanpassung bei Xgadget.de

Unser letzter „In eigene Sache“ Beitrag ist schon eine Weile her, damals konnten wir Ende 2021 auf rund 4000 geschriebene Beiträge zurückblicken, doch dieses mal möchten wir euch über die nun erfolgte Designanpassung aufklären. Optisch hat sich nicht viel geändert, da wir das bisherige Design weitgehend erhalten wollten.

Doch trotzdem kann man mit einem genauen Auge einige Änderungen wahrnehmen, so haben wir sowohl die Schriftart von „Open Sans“ auf „Lato“ geändert und auch einen neuen Share-Button in die Seitenleiste eingebaut. Die farbige Kategorieleiste ist nun ebenfalls optisch schöner in das restliche Design integriert und auch am responsive Design haben wir geschraubt – so lässt sich die Breite jetzt so gut wie stufenlos reduzieren.

Grundsätzlich haben wir allgemein aber auch die Anordnung der Webseite-Elemente geändert, so setzen wir jetzt konsequent auf HTML-Strukturelemente wie <header>, <article> und co., weiterhin haben wir auch die Barrierefreiheit unseres Blogs verbessert und setzen vereinzelt ARIA-Attribute ein.

Eine weitere große Baustelle war es zudem die Überschriften zu ersetzen, bislang hatten wir auf einer Artikelseite nämlich stets h2-Überschriften verwendet, diese haben wir jetzt – so wie es immer sein sollte – auf h1 umgestellt und zudem auch sämtlichen alten Content entsprechend angepasst. Apropos Beiträge: Xgadget.de hat mittlerweile über 7100 Artikel online und somit war die Anpassung nur über einen entsprechenden SQL-Befehl möglich um alle Überschriften entsprechend anpassen zu können.

Doch auch an der Performance-Schraube haben wir noch ein wenig gedreht und setzen nun auf mehr preload-Metatags um möglichst alle Inhalte sofort verfügbar zu haben. Auch bei der Dateigröße des Logos, den Icons und der HTML-Struktur konnten wir noch ein paar Einsparungen vornehmen und so einige Kilobyte einsparen.