Frontend Minimalismus

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

SEO Optimierung

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

Google Page Speed Leistung 100

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.

August 2024

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.

Aktuelle Referenzen

Website von konzept-54

www.konzept-54.de/ Launch DEZ 2024

Technik: TYPO3 v13

Design: Frank Kübler und Gabriel Krauch (Elbspree)

Website Langebartels & Jürgens

www.langebartelsdruck.de

Technik: TYPO3

Extension-Entwicklung Papierdatenbank: Matthias Krappitz

Design-Konzept: René Pollnow

Website KulturPerlen Hamburg

kulturperlen.hamburg

Technik: TYPO3

Extension-Entwicklung Location-Datenbank: Matthias Krappitz

Design: BRENNT Design

Website Bäuerle.Steuerberater

www.baeuerle-steuerberater.de

Technik: TYPO3

Design: Layoutlounge und Frank Kübler

Website Weingut Völcker

www.weingut-voelcker.de

Technik: TYPO3

Konzeption und Design: www.utedeyerling.de

Fotos: www.timovolz.de

Website und Shop: Dontmixdrugs

dontmixdrugs.com

Technik: TYPO3, Shop

Konzeption und Design: www.utedeyerling.de

Website Steiner Immobilen Stuttgart

www.steiner-immobilien-stuttgart.de

Technik: TYPO3

Extension-Entwicklung Immobilienangebote: Matthias Krappitz

Design: Büro für Linienführung

Website OC-Wedel

www.oc-wedel.de

Technik: TYPO3

Konzept und Design: Miriam Ertl

Website stenger2

https://stenger2.de/

Technik: TYPO3

Design: stenger2

Website s2lab

s2lab.de

Technik: TYPO3

Design: Büro für Linienführung

Website Zurgastgeb

www.zurgastgeb.de

Technik: TYPO3

Website Christian Mürner

www.schlumper.de

Technik: TYPO3

Konzept und Design: Miriam Ertl

Website Christian Mürner

www.christian-muerner.de

Technik: HTML/CSS/JS

Konzept und Design: Miriam Ertl

Website Brennt Design

www.brennt-design.de

Technik: TYPO3

Design: BRENNT Design

Website Feiwillige Feuerwehr Wrestedt

www.feuerwehr-wrestedt.de Launch DEZ 2024

Technik: WordPress

Website Crossway-Coaching

www.crossway-coaching.de

Technik: WordPress

Logodesign: Miriam Ertl

Langjährige Zusammenarbeit

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:
- OIL! Tankstellen
- Mabanaft
- ELSTERWERK
- INSTAND e.V.

Website aemka
09.03.2018

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"

TYPO3 ist ein OpenSource Projekt und lebt davon, dass diejenigen die damit arbeiten auch etwas zurückgeben damit sich dieses wunderbares Projekt auch in Zukunft weiterentwickeln werden kann. Mein Beitrag dazu ist die Bronze Mitgliedschaft in der TYPO3 Accociation.

TYPO3 Bronze Member
März 2012

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.

On top of it all at the T3BOARD12 Right to left: Kasper Skårhøj, Jonathan Uhlmann, Matthias Krappitz, Frank Kübler
02.11.2010

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.

Google Street View in Oberstaufen
08.03.2010

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".

TYPO3 Snowboardtour 2010 Kasper Skårhøj und Frank Kübler nach einer Woche TYPO3 Snowboardtour 2010
Frank Kübler - Frontend Development
Frank Kübler
Frontend Development