Blog
Ich schreibe vor allem über Dinge, die mit Webentwicklung zu tun haben. Projekte, Ansätze und Beobachtungen, Dinge, die ich gelernt habe oder für wichtig halte.
Ich habe meine Website neu aufgebaut! Die letzte Version wurde Ende 2022 veröffentlicht. Seitdem habe ich so viele Dinge gelernt, neue Erkenntnisse gewonnen und es sind so viele neue CSS-Möglichkeiten hinzugekommen, dass ich irgendwann mit dem Code hier nicht mehr glücklich war.
Jetzt habe ich endlich die Zeit gefunden, also habe ich meinen Eleventy Starter genommen und die Website neu gebaut. Sie sieht zwar in vielen Teilen immer noch gleich aus, weil mir das Design der Seite gut gefällt, aber ich habe fast alles verfeinert, verbessert und verändert.
Möge ich endlich wieder die Kraft finden, Artikel zu schreiben! Ich habe vor, tief in die OG-Image-Erstellung einzutauchen und darüber zu schreiben, wie ich mit Eleventy meine Rechnungen schreibe. Jetzt, wo ich es gesagt habe, muss ich mich daran halten! 📝
Übernahme von Grid-Abmessungen von Geschwistern dank subgrid
Was ich erreichen möchte, ist die vertikale Ausrichtung von Geschwistern: die dynamischen Dimensionen von Elementen innerhalb des <header> landmark sollen das Grid-Spalten-Template implementieren, das auf dem <body>-Element definiert ist, so dass Geschwister-Elemente sich daran ausrichten können.
Über subgrid und farbige Rasterlinien
Für mich war das subgrid immer das, was mir fehlte, um grid wirklich in meine workflows zu integrieren. In diesem Artikel versuche ich, einen Prototyp für ein Design aufzubauen, das ein vierspaltiges Layout mit farbigen Rasterlinien erfordert.
Aufnehmen, Bearbeiten und Einbauen eines Sounds
Kleine Interaktionssounds haben in den letzten Jahren wieder Einzug in persönliche Websites gehalten, und das finde ich wunderbar.
Ich habe ein paar Demo-branches für Eleventy Excellent erstellt.
Manchmal bekomme ich über die Issues Anfragen, Tags oder ähnliches hinzuzufügen. Das macht natürlich Sinn, aber nachdem ich mich jahrelang mit Premium-Themes anderer Tools (ähem WordPress ähem) herumgeschlagen habe, die jeden erdenklichen Anwendungsfall abdecken wollten und daher übermäßig komplex und lahm waren, ist es mir sehr wichtig, einen sauberen und einfachen Grundaufbau zu bewahren.
Der Starter sollte in alle möglichen Richtungen entwickelt werden können, ohne dass zu viele Entscheidungen im Voraus getroffen werden. Deshalb habe ich beschlossen, einige weitere Verfeinerungen als “Demos” zu hinzuzufpgen, die in einem eigenen Branch leben, aber mit main mitziehen.
Bislang habe ich mich um Themen gekümmert, die speziell angefragt wurden: gallery, tags und pagination. Bald mehr!
Internationalisierung mit Eleventy 2.0 und Netlify
In diesem Artikel, den ich zusammen mit einem Lightning Talk bei TheJam.dev 2023 veröffentliche, geht es um die Internationalisierung mit Eleventy 2.0.