Website: Klein. Fein. Individuell.
Es muss nicht immer die große Lösung sein. Oft reicht eine individuelle, kleine, feine Website. Modern, schlank und klar strukturiert. Die Inhalte sind über ein CMS bearbeitbar. Hier bietet sich das Open Source CMS WordPress an. Eine kostengünstige Lösung. Lassen Sie sich beraten.
Barrierefreiheit für die Website
Das nächste heiße Thema was viele beschäftigt. Für die Umsetzung hilft auch hier Minimalismus. Am Beispiel dieser Seite hier kann man sehen, dass man nicht viel anpassen muss um die Barrierefreiheit Vorgaben zu erfüllen, wenn nicht viel da ist und die Struktur von sich aus klar aufgebaut ist. So erfüllt diese Seite die Vorgaben.
Jetzt neue Referenzseite zu diesem Thema:
Die Website der Schlumper wurde im Zuge eines TYPO3 Updates technisch neu aufgesetzt. Zusammen mit leichten Design-Anpassungen wurden alle Aspekte zur Barrierefreiheit berücksichtigt. Ein gelungenes Beispiel wie Barreirefreiheit aussehen kann:
www.schlumper.de
Header Animation unter 1 kB, jetzt echt?
Ja! Die oben zu sehende Animation im Hintergrund hat sogar genau genommen nur 462 Byte und kommt ohne Javascript aus. Sie besteht nur aus einer SVG Grafik mit 4 Elementen die mit CSS Farbverläufen gefüllt sind und die sich per CSS Animation drehen.
Header-Animation-SVG in einem neuen Fenster öffnen
Googel Page Speed 100 ist möglich.
Minimalismus gefällt auch Google. So sind auch Google PageSpeed Werte von 100 erreichbar: PageSpeed Desktop Website fkuebler.de
Wie realistisch eine SEO Speed Optimierung umsetzbar ist, oder mit welchen Kompromissen das erkauft wird muss man genau analysieren und abwägen. Oft helfen schon kleine Maßnahmen mit geringem Aufwand um eine Verbesserung zu erreichen. Um ein Beispiel zu nennen: Die Reduzierung der JPG-Bildqualität reduziert die Dateigröße deutlich, meist mehr als der wesentlich aufwendigere Umstieg auf das WEBP Format bringen würde.
Aktuelle Referenzen
www.laura-wulle.de
Launch FEB 2026
Technik: WordPress mit fkuebler-Theme
Gestaltung Website: Frank Kübler
www.baeuerle-steuerberater.de
Technik: TYPO3
Rebrush Mai 2025: Miriam Ertl und Frank Kübler
Fotos für Gestaltungselemente: Frank Kübler
www.konzept-54.de
Launch DEZ 2024
Technik: TYPO3 v13
Design: Frank Kübler und Gabriel Krauch (Elbspree)
www.langebartelsdruck.de
Technik: TYPO3
Extension-Entwicklung Papierdatenbank: Matthias Krappitz
Design-Konzept: René Pollnow
kulturperlen.hamburg
Technik: TYPO3
Barrierefrei nach WCAG 2.1 AA
Extension-Entwicklung Location-Datenbank: Matthias Krappitz
Design: BRENNT Design
www.weingut-voelcker.de
Technik: TYPO3
Konzeption und Design: www.utedeyerling.de
Fotos: www.timovolz.de
www.steiner-immobilien-stuttgart.de
Technik: TYPO3
Extension-Entwicklung Immobilienangebote: Matthias Krappitz
Design: Büro für Linienführung
www.zurgastgeb.de
Technik: TYPO3
www.feuerwehr-wrestedt.de
Launch DEZ 2024
Technik: WordPress
Gestaltung: Frank Kübler
Diverse Fotos für Gestaltung: Frank Kübler
zimmermeister-uphus.de
Technik: HTML/CSS, Lightbox
aemka-Team von Matthias Krappitz
Im aemka-Team (aemka.de) arbeite ich im Bereich Frontend Development. Das Team besteht aus Spezialisten, die die Bereiche Entwicklung, Shop, SEO und Design abdecken.
Referenzen, bei denen das Frontend von mir erstellt wurde sind unter anderem:
- MBEnergy
- ELSTERWERK
- OIL! Tankstellen
- INSTAND e.V.
KulturPerlen Hamburg - Barrierefrei nach WCAG 2.1 AA
Die Website der KulturPerlen.hamburg hat die Prüfung der Barrierefreiheit eines Webauftrittes anhand der WCAG 2.1 AA Richtlinien bestanden.
Für eine Seite die sich an Menschen mit Behinderung richtet und die die Barrierefreiheit der Kulturorte zeigt eigentlich naheliegend sich an die eigene Nase zu fassen. Technisch gesehen waren nicht wirklich viele Anpassungen nötig um alle Vorgaben zu erfüllen. Ein Thema das uns das Barrierefreiheitsstärkungsgesetz (BFSG) auch bei "normalen" Webseiten zum Handeln aufrufen wird.
DSGVO? Minimalismus!
Oder um es anders auszudrücken: Datensparsamkeit.
Zustimmung zur Verwendung von Cookies? Man könnte doch auch einfach keine Cookies verwenden, wenn die Funktionalität diese nicht benötigt. Also weg damit.
Natürlich werden alle Dienste wie Webfonts lokal eingebunden und man muss in dem Fall auf Externe Dienste konsequent verzichten wie zum Beispiel Google Analytics
One. Page. Only.
Ich bin Minimalist. Alles was weg kann, soll auch weg. Gerade mit der zunehmenden Komplexität der Aufgabe für das Frontend möglichst alle Bildschirme optimal abdecken zu wollen ist eine Reduktion auf das Wesentliche sinnvoll.
"Keep it simple, stupid" war die Maxime schon vor vielen Jahren, hat aber heute keineswegs an Gültigkeit verloren, im Gegenteil. Die Umsetzung von Responsive Webseiten wird dadurch wesentlich einfacher.
Minimalism is not a lack of something. It’s simply the perfect amount of something.
Nicolas Burroughs
Aus diesem Grund ist diese Seite ein OnePager. Wenig Inhalt, also nur eine Seite. Navigation? Kann weg. jQuery? Nicht benötigt, CSS bietet genug "Spielereien".
Scrollen ist das neue Klicken. Also: OnePager.
TYPO3: "Inspiring People To Share"
T3BOARD12: Summit Talks with Kasper Skårhøj
On top of it all at the T3BOARD12 in Laax, 3050m above sea level, looks like a summit talk about life, the universe and ... TYPO3.
Right to left: Kasper Skårhøj, Jonathan Uhlmann, Matthias Krappitz, Frank Kübler
O´ viewed is`!
Heute wurde der Start von Google Street View gefeiert. Und das in Oberstaufen! Mit Hochzeitstorte und Alphornbläsern, wie man das so macht im Allgäu.
T3BOARD10
Ich blicke zurück auf eine Woche TYPO3 Snowboardtour: viele alte Freunde, neue Gesichter, interessante Geschichten, Snowboarden, lange CodingNights, neue Motivation. "Inspiring people to share".
Kasper Skårhøj und Frank Kübler nach einer Woche TYPO3 Snowboardtour 2010


