Das erste Projekt mit der neuen TYPO3 Version 10 ist online. Frischer Wind aus dem Weinkeller mit neuem Design und Frontend. Schon mal was von background-clip:text gehört? Textfarbe kann auch mit Hintergrundgrafiken oder wie hier mit Farbverläufen gefüllt werden? Kompatibilität (caniuse -> background-clip) ist vorhanden wenn man den in die Jahre gekommenen IE11 nicht berücksichtigt.

PageSpeed dank Minimalismus
Weniger ist mehr, das gilt auch beim PageSpeed. Die Messungen unterliegen gewissen Schwankungen, das ist klar, trotzdem war meine erste Messung doch erstaunlich: Mobil 99, Desktop 99 (gleich noch mal testen).

Website: Weingut Völcker

Handwerk vom Feinsten aus Hamburg. Schicker Holzbau, deshalb gibt es jetzt die neue schicke Website dazu.

Frontend: Eine sehr individuell gestaltete Website, modern, großflächig, Icons zur Orientierung, voll responsive.

Backend: TYPO3 LTS Version 8, Fluid Content Elemente um eine bedienbare Pflegbarkeit der speziellen Content-Elemente zu erreichen.

Design: www.buero-fl.de

Projekt Link: www.fristd-bau.com

Anhand der neuen Website von BÄUERLE.Steuerberater möchte ich hier auf ein nützliches Feature von TYPO3 eingehen, welches in diesem Projekt den Arbeitsprozess in der Pflege der Inhalte um einen Arbeitsschritt erleichtert: Der Bild Editor.

Ein vorheriges Bearbeiten der Bilder ist nicht mehr nötig, der richtige Bildausschnitt kann im TYPO3 Bild Editor vorgenommen werden. Bilder hochladen, Editor öffnen, Bildformat wählen, gewünschten Ausschnitt einstellen, speichern - fertig.

Design: Layoutlounge – Büro für Gestaltung

Projektlink: www.baeuerle-steuerberater.de

Bildausschitt wählen mit dem TYPO3 Bild Editor

Die neue TYPO3 Version 8 ist am Start! CHANGE WORKOUT ist die erste Referenz mit der neuen verbesserten TYPO3 Long-Term-Support Version.

Was sofort auffällt:
Der neue Rich-Text-Editor (CKEditor) tut was er soll. Ganz einfach und unauffällig. Eine echte Erleichterung für das Arbeiten der Redakteure im TYPO3 Backend. Das ist übrigens jetzt auch Responsive, die Bedienung des TYPO3 Backends vom Smartphone ist jetzt möglich.

Die Verbesserungen unter der Haube, vor allem die neue PHP Version 7.1 bringen deutliche Unterschiede in der Geschwindigkeit im Backend.

Design: CREATIVE CATALYST - David S. Vogel

Projektlink: www.change-workout.de

SAP Recognized Expertise in Human Capital Management, SAP ERP Human Capital Management, SAP Fiori ... wir befinden uns inhaltlich in der SAP Welt.

Was das Frontend der neuen projekt0708 Webiste angeht befinden wir uns in der Welt der modernen responsive großflächigen Websites. HeroImages, OnePage Seite, Accordeon Elemente. Abwechslungreiche Seiten, keine Langeweile, teils spielerische Elemente, trotzdem hohe Ansprüche an die Bedienbarkeit und Übersichtlichkeit auf allen Geräten.

Design: www.buero-fl.de

Projekt Link: www.projekt0708.de

Die schlechte Nachricht vornweg: Die Laufschrift ist wieder da!

Abgesehen davon ist das Redesign der QUEENS DESIGN Website ganz weit vorn. Technisch auf dem letzten Stand: TYPO3 Version 7, FLUX, Sitepackage, Fluid Content (kein Typoscript Menu mehr, eigene individuelle Content Elemente).

Die full Responsive Umsetzeung kommt jetzt auch mit responsive Images daher (picture, srcset, picturefill.js). Es bleiben also keine Wünsche mehr übrig.

Es bleibt die Frage was mit der Laufschrift passiert. Frei nach dem Motto: "Ist das Kunst oder kann das weg?" würde ich sagen: es bleibt erst mal.

Design: www.queens-design.de

Projekt-Link: www.queens-design.de

Website QUEENS-DESIGN

... zum Beispiel in Fehmarn am Hafen, um genau zu sein das Café am Hafen bi Anni un Dörte www.cafeamhafen.de (Onpager, Design: Brennt-Design).

Zum Thema Barriere­freies Internet eine Seite der Rehabilitations­lehrerin für blinde und seh­behinderte Menschen Laura Wulle www.perspektive-sehen.de (Hardcoded, Design: Büro für Linienführung).

Auch die Bewegung kommt nicht zu kurz, speziell das Radfahren, genauer geht es um die Rad-Momente. Ein neues Projekt von Fahrradservice Ilg mit sehenswerten Video­produktionen. www.radmoment.de (ist in der Form nicht mehr online). TYPO3, mit SSL Verschlüsselung um den Anforderungen bei Formularen gerecht zu werden.

Nach der Bewegung kommt die Gesundheit: Zahnarztpraxis Fetzer. Auf dem Stand der Zeit mit TYPO3 Version 7 und Full Responsive Umsetzung www.zahnarzt-fetzer-becker.de (TYPO3, Design: Büro für Linienführung)

Auf der Desktop-Version hat sich nicht viel getan, nur kleine Anpassungen die der Usability dienen. Aber unter der Haube wurde alles erneuert. TYPO3 Update. Markup. Responsive.

Dazu gekommen ist die Optimierung für Smartphone Bildschirme. Hier wurde ein neues Bedienkonzept erstellt um die Inhalte für diese Geräte in den Vordergrund zu rücken. Dadurch verliert die Seite hier zwar den imagelastigen Charakter, aber die Inhalte rücken in den Vordergrund, was meiner Meinung nach für die mobile Ansicht im Vordergrund stehen sollte.

Auch für das bisher eingesetzte Supersized Script inklusive der verwendeten TYPO3 Extension für die Umsetzung der fullscreen Hintergrundbilder wurde durch eine wesentlich schlankere CSS Lösung ersetzt die auch eine Mobil-Optimierung ermöglicht hat.

Projekt Link: www.weingut-voelcker.de

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 Jahren, hat aber heute keineswegs an Gültigkeit verloren, im Gegenteil. Die Umsetzung von Responsive Webseiten wird dadurch wesentlich einfacher. Und nicht umsonst sind solche Dinge wie "Flat Design" entstanden.

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. Da immer mehr Touch-Geräte genutzt werden ist es angenehmer durch den Inhalt zu wischen als sich durch eine Seite zu klicken. Also: OnePager.

Sicher ist diese Form nicht für alle Seiten geeignet, ab einer gewissen Menge von Inhalten macht eine Strukturierung durchaus Sinn. Aber wenn man es minimalistisch mag und der Inhalt auch auf eine Seite passt dann ist es eine Option.

In den handgefertigten Wollteppichen der Allgäuer Teppichmanufaktur steckt viel Arbeit, ebenso in der Umsetzung einer modernen Responsive Website. Anpassungen für alle Inhalte auf allen Bildschirmgrößen ist mittlerweile Standard muss aber wie ein Teppich erst mal gewebt werden. Der Fokus bei den mobilen Geräten ist hier immer auf die Usability gerichtet.

TechTalk TYPO3: Dank Fluid Content Elemente kann hier an den Feinheiten gefeilt werden, z.B. kann beim Header Slider eine abweichende mobile Version eingepflegt werden um hier die Ladezeiten und auch die Darstellung zu optimieren.

Design: www.buero-fl.de

Projekt Link: www.allgaeuer-teppichmanufaktur.de

Da ein großer Teil meiner Arbeit Agenturjobs sind enthält diese Liste nur eine Auswahl meiner eigenen Projekte:

www.stenger2.de

www.s2lab.de

www.steiner-immobilien-stuttgart.de

www.queens-design.de

www.projekt0708.de

www.weingut-voelcker.de

www.langebartelsdruck.de

www.baeuerle-steuerberater.de