SEGERT BLOG
Barrierefreie Websites und die Wahl der JavaScripte
Es war ein aufschlussreiches Unterfangen, meine Website segert.net (noch vor Juni 2025 ;-) auf strenge Barrierefreiheit zu untersuchen (ein Großteil meiner Website war bereits barrierefrei). Dabei brachten Testtools wie WAVE u.a. einige Schwächen meines Onepagers mit integrierten Blog ans Licht. Manche Elemente hatten zu wenig Kontrast, mein Kontaktformular fehlten ARIA-Labels und sogar zwei ALT-Texte hatten sich aus dem Staub gemacht.
Zudem wurde mir bewusst, dass die JavaScripte für die Onepager-Funktionen und das mobile Off-Canvas-Menü nicht ganz barrierefrei sind. So lassen sich dynamische Navigationselemente zum Beispiel für das Sliden von Inhalten nicht so ohne weiteres mit ARIA-Labels auszeichnen und werden trotz CSS-Farbanpassungen als zu kontrastarm bemängelt.
Die Erkenntnis: In Zukunft sollte die Wahl freier oder lizenzpflichtiger Scripte immer auch von der Frage begleitet sein, ob sie barrierefrei konfiguriert werden können. Ich zumindest werde das mit Blick auf das BFSG für 2025 nicht mehr vergessen.
Bündige Information über die Vorteile des CMS ExpressionEngine für meine Kunden
Als ich 2009 erste Schritte mit dem CMS ExpressionEngine wagte, ahnte ich nicht, dass dieses CMS später einmal WordPress komplett verdrängen würde. Mittlerweile bediene ich mit ExpressioEngine alle meine Kunden und sorge damit für höchste Zufriedenheit. In einem Informationsblatt stelle ich die Vorteile dieses mächtigen und flexiblen Content Management Systems vor und gehe auch auf Sicherheitsaspekte ein. — Vorteile des CMS ExpressionEngine für Designer, Webentwickler und Kunden.
Logoentwicklung und Webdesign mit dem CMS ExpressionEngine für eine Steuerberater-Kanzlei
Der Kunde DÜSTER | STEPHAN Steuerberater aus Voerde kontaktierte mich, weil den beiden Inhabern eine Website eines Kunden von mir besonders gut gefiel. Der neue Kunde wünschte ein komplett neues Auftreten im Web und beauftragte mich zugleich, ein Logo (Typo-Signet), Visitenkarten und einen neuen Briefbogen zu entwerfen und umzusetzen.
Profiltext für eine Kanzlei aus Essen
Vor einigen Jahren habe ich für meinen langjährigen Kunden Brinkmann_Dewert aus Essen einen Profiltext geschrieben, nachdem die Kanzlei mit mir von WordPress auf ExpressionEngine umgestiegen war. Mir kam es beim Texten darauf an, ein paar Ideen einzupflechten, die sich vom Selbstdarstellungseinerlei abheben und zugleich auf Besonderheiten der Sozietät verweisen. So habe ich auf die Verbundenheit zum Ruhrgebiet und seiner Menschen hingewiesen, was sich im breiten Spektrum der Mandanten spiegelt. Auch waren mir pointierte Absätze wichtig, die ein Merkmal gelungener Webtexte sind und zugleich im übertragenem Sinne das Profil schärfen.
Was kann ExpressionEngine? Stärken und Schwächen eines CMS
Auf CMSstash von Sebastian Schürmanns kann man sich ausführlich über die Vorteile und Nachteile von ExpressionEngine informieren, vor allem im Hinblick auf die Frage, für wen es geeignet ist und für wen nicht. Der Artikel ist zuletzt am 24.04.2023 aktualisiert worden, also auf dem Laufenden: ExpressionEngine: CMS für komplexe Webseiten.
Wenn Sie weitere Fragen haben, ich bin für Sie da. Ich arbeite seit 2009 als Designer und Entwickler mit dem CMS ExpressionEngine und bin nach wie vor begeistert, auch weil ich mit dem CMS bisher alle mittelschweren bis komplexen Anforderungen von Kunden bedienen konnte. Telefon: 0162 4274462.
Weitere Informationen über meine Arbeit mit ExpressionEngine finden Sie in dem Artikel Vorteile des CMS ExpressionEngine für Kunden, Designer und Webentwickler. Zudem empfehle ich Ihnen ein Besuch meines Showrooms mit ausgewählten Websites meiner Kunden.
Das Ernst Weiß Portal für Literaturliebhaber
Zur Förderung der Wiederentdeckung des fast vergessenen Arztes und Schriftstellers Ernst Weiß habe ich das Ernst Weiß Portal konzipiert und umgesetzt. Es soll u.a. den wissenschaftlichen Austausch fördern.
Archiv: Deutsches Sprachpaket für ExpressionEngine 7
Ich freue mich, ziemlich nah am Veröffentlichungsdatum von ExpressionEngine 7 auch das Sprachpaket für deutsche User übersetzt zu haben. Hinzugefügt habe ich auch die Übersetzungen für die neuen Add-Ons Pro Variables 5.0.2 und Pro Search 8.
Download: Sprachpaket Deutsch für ExpressionEngine 7.0.3 (Zip-File 230 Kb). Das alte Sprachpaket für ExpressionEngine 6.0.6 im Blogarchiv. Viel Freude damit.
Redesign: OnePager für einen Freelancer
Ich dachte, ich schaue noch ein paar Mal nach, ob es wirklich wahr ist, aber es ist wahr: Ich habe endlich das Redesign meiner beruflichen Website auf segert.net fertiggestellt und mich an einen etwas umfangreicheren OnePager versucht. Dafür habe ich das sehr featurereiche Script fullPage.js und das dazugehörige Bundle der fullPage.js Extensions genutzt (dazu später mehr in einem Extra-Post).
Video-Tutorials für den ExpressionEngine-Einstieg
Doug Black zeigt in 15 Videos den Aufbau einer Website mit ExpressionEngine: Von der Installation über die effiziente Template-Erstellung bis hin zum Aufbau eines Kontaktformulars und einer 404-Seite. Ideal für Webentwickler, die dieses vielseitige, flexible und erstaunlich schnell zu beherrschende CMS kennenlernen möchten: Getting Started with ExpressionEngine Video Course
CMS-Wechsel: Von Joomla zu ExpressionEngine
Für den Kunden Fröhlich Biegetechnik sollte ein anderes Content Management System (CMS) aufsetzt werden, da die Pflege und der Ausbau der alten Website, die auf Joomla basierte, aufwendig und umständlich war. Ich habe daraufhin das Layout komplett neu gecodet und einen Newsbereich mit “Post-It”-Anmutung integriert. Danach habe ich das Layout leicht und schnell pflegbar auf ExpressionEngine aufgesetzt. Im Vergleich mit der alten Website habe ich am Ende bis zu zwöf Mal weniger Code gebraucht. Und auch die Einpflege der Inhalte und zahlreichen Produktbilder gestaltet sich nun effektiv und einfach.
Minimalistisches Webdesign für ein Architekturbüro in Bottrop
Für die Holtkamp Architekten aus Bottrop durfte ich ein neues Webdesign entwerfen, das auf das Wesentliche reduziert sein sollte und auch responsiv auf dem Smartphone seinen Charakter nicht verlieren sollte. Als CMS kommt zudem ExpressionEngine zum Einsatz. Das flexible CMS ermöglicht meinem Kunden, ohne Lernkurve neue Bauprojekte mit eigenen Bildern anzulegen oder aktuelle Neuigkeiten zu veröffentlichen. Zudem kam für meinen Kunden alles aus einer Hand: Das Design, die Programmierung und die technische Administration des Webhostings und alles, was damit zusammenhängt. Zur Website Holtkamp Architekten.
Skalierbare Schriften mit den CSS: min(), max() und clamp()
Da der Browser-Support von min(), max() und clamp() mittlerweile so gut ist, werde ich diese CSS-Skalierungsfunktionen für zukünftige Projekte einsetzen, um Schriften endlich skalierbar zu machen. Wie man das macht, erläutert der Beitrag min(), max() und clamp(): drei CSS-Funktionen für dynamischere Websites auf Kulturbanause. Und was Entwickler*innen alles mit clamp() anstellen könnten, zeigt ausführlich der Artikel Use cases for CSS comparison functions von Ahmad Shadeed.
Download: Sprachpaket Deutsch für ExpressionEngine 6
Update am 22.08.2021. Auch die Moblog-Konfiguration steht jetzt auf deutsch zur Verfügung: Sprachpaket Deutsch für ExpressionEngine 6.0.6 (Zip-File 230 Kb).
Webdesign und ExpressionEngine für die Eifelgemeinde Weinsheim
Zusammen mit Werbegentur Sentio Media aus Gerolstein habe ich das Redesign der Eifelgemeinde Weinsheim erstellt und dafür wieder das Content Management System ExpressionEngine eingesetzt. Sentio Media war für die Projektleitung und die Konzeption zuständig und ich habe das responsive Webdesign gestaltet, die Website programmiert und das CMS eingerichtet.
Empfehlung: Der Cookie-Manager “CCM19” als Download-Version
Ich möchte hier endlich meine Begeisterung für den Cookie-Manager CCM19 loswerden. Mittlerweile setzen ihn recht viele meiner Kunden ein und ich bin froh, dass ich mich nach langer Suche und vielen Tests für diese Software aus Bonn entschieden habe.
Meine Entscheidung für den Cookie-Manager CCM19 hat gute Gründe, die ich hier in aller Kürze aufzählen möchte. Ich nenne dabei längst nicht alles, was CCM19 (CCM = Cookie-Consent-Manger) zu bieten hat:
- Hervorragendes Preis-Leistungsverhältnis: 39,90 Euro pro Jahr und pro Domain für die Download-Version sowie faire Staffelpreise.
- Keine Abhängigkeit von einem Abo. Eine Lizenz berechtigt zu Updates für ein Jahr, nach Ablauf des Jahres bleibt die Software voll nutzbar.
- CCM19 geht konform mit dem DSGVO-Urteil des BGH vom 28.05.2020
- Die Software ist schnell zu installieren (PHP 7.2), relativ leicht einzurichten und bietet die Funktion Auto-Update.
- Ein Quick Setup hilft beim Aufspüren und dem Verwalten der Cookies.
- Es gibt zahlreichen Optionen zur Individualisierung der Texte, der Themes und des Frontend-Verhaltens.
- Die Software funktioniert unabhängig von CMS-Lösungen und steht sich gut mit meinem favorisierten CMS ExpressionEngine.
- Die Scripte arbeiten barrierefrei.
Hervorheben möchte ich auch die rasante Entwicklung, die CCM19 innerhalb von 9 Monaten durchlaufen hat. Die Software wird offensiv und kontinuierlich verbessert und um Komfortoptionen erweitert. Anbieter ist die Papoo Software & Media GmbH aus Bonn, eine Online Marketing Agentur.
Hervorheben möchte ich auch den schnellen und freundlichen Support. Meine Anfragen wurden stets schnell beantwortet. Auch Verbesserungsvorschläge wurden angenommen und berücksichtigt. Das Team dort ist nah am User.
Upgrade: ExpressionEngine 6 bereits im produktiven Einsatz
Als am 14.12.2020 das Official Release von ExpressionEngine 6 erschien, habe ich mich sofort an die Arbeit gemacht, um das deutsche Sprachpaket für ExpressionEngine 6 zu erstellen, um ExpressionEngine 6 gleich vernünftig nutzen zu können. Schließlich ist das Interface des Backends komplett überarbeitet worden. Oft im Sinne des Benutzers, aber einmal leider nicht.
Webdesign und CMS für einen vielseitigen Künstler
Ich habe mich sehr gefreut, als der Künstler Bernd Finkeldei aus Düsseldorf für eine neue Website auf mich zukam. Es war eine leicht und frei wirkende, minimalistische Website zu gestalten, die zugleich viele unterschiedliche Bilder, Texte und Publikationen enthalten sollte. Mit dem vielseitigen Künstler, dessen Arbeit mich begeistert, ergab sich eine erfreulich produktive Zusammenarbeit. Eine technische Herausforderung war, die unterschiedlichsten Bildformate des Künstlers auch für mobile Endgeräte genussfertig und schön zu präsentieren. So entstand eine Mischung aus responiver und adaptiver Website.
Ein Onepager ohne CMS und Cookies
Für die Automotive Claim Consulting GmbH hatte ich 2011 eine statische Website entworfen und umgesetzt. Und obwohl die Website auch mobil noch gut funktionierte, kam der Kunde wegen eines Redesigns auf mich zu. So entwarf ich (angelehnt an das Design der alten Website) einen zweisprachigen Onepager, der selbstredend ohne ein CMS wie WordPress auskommt und entsprechend völlig cookiefrei funktioniert. Das Design selbst ist unaufgeregt, seriös und fokussiert auf die Inhalte. Insgesamt eine schnelle, schlanke Website ohne Script-Overflow.
Literaturblog: Buchgeschichten auf ralph-segert.de
Ich habe nun nach längerer Zeit wieder ein privates Herzensprojekt gestartet. Es ist ein Buchblog und heißt Ratatatam – Bücher wie Züge in der Seele. Da ich wenig soziale Medien konsumiere, habe ich Zeit für das Lesen gewonnen. So verschlinge ich zur Zeit im Schnitt vier bis fünf Romane im Monat, wobei ich die kompakten, kurzen Romane bevorzuge, die oft nicht über 300 bis 400 Seiten hinausgehen.
Auf Ratatatam möchte ich Bücher vorstellen, die mir ans Herz gewachsen sind. Zwei meiner persönlichen Buchhöhepunkte von 2020 sind bereits jetzt: Ulla Lenze: Der Empfänger und Marghanita Laski: Herz, sprich lauter.
Gerne informiere ich über neue Artikel, wenn Interessenten mir das kurz via Email mitteilen. Aktualisierungen können auch über ein RSS-Feed verfolgt werden.
ExpressionEngine: 10 Argumente für ein modulares CMS-Konzept
Die Basis für die Module ist eine Website mit der CMS-Software ExpressionEngine. Das kann zum Beispiel eine Imagesite zur Selbstdarstellung sein. Diese kann im Laufe der Zeit mit neuen inhaltlichen Anforderungen wachsen, ohne daß der laufende Betrieb beeinträchtigt wird oder das Layout in Frage gestellt werden muss. Auch umfangreichere Module für Terminverwaltung, Mitgliederbereich und Shop werden mit ExpressionEngine sicher und relativ schnell ins CMS eingebunden.
Interview: Trends und Entwicklungen auf dem CMS-Markt und eine Frage zu ExpressionEngine
Sebastians Schürmanns bietet in seinem Webprojekt CMSStash einen ambitionierten Überblick über Content Management Systeme. Das Projekt begeistert mich schon länger. Grund genug, den fleissigen Autor einmal neugierig zu befragen. Im Interview berichtet er über seine Motive, die Nachteile von Tech-Trends und was er tut, um sich zu entspannen.
Webdesign und ExpressionEngine für ein medizinisches Startup
Für das Startup Institut für digitale Schlafmedizin aus dem Ruhrgebiet durfte ich eine Website gestalten und entwickeln, die gestern offiziell online ging. Zum Einsatz kommt wieder das wunderbare CMS ExpressionEngine.
Das Sprachpaket Deutsch für ExpressionEngine 5 steht zum Download bereit!
Es ist geschafft, ich habe das deutsche Sprachpaket für ExpressionEngine nun nach fast einem Jahr fertig übersetzt. Als Grundlage diente mir die Übersetzung von Werner Gusset, der mit seiner Übersetzung für ExpressionEngine 2 eine großartige Vorarbeit geleistet hat.
Die Herausforderung für mich war, die Übersetzung nach der Vorgabe des englischen Sprachpakets für ExpressionEngine 4 zu erstellen und das hieß auch, alle Zeilen endlich in eine alphabetische Reihenfolge zu bringen. Es gab über 7500 Editor-Zeilen in 72 Dateien zu bearbeiten. Ich habe die englischen Originaldateien zur Vorlage genommen und bereits übersetzte Sätze hineinkopiert, korrigiert und vereinheitlicht sowie fehlende Zeilen für die Versionen 4 und 5 von ExpressionEngine neu übersetzt. Durch die dadurch erreichte exakte Übereinstimmung mit dem englischen Sprachpaket wird die Weiterpflege in Zukunft wesentlich erleichtert.
Großen Wert habe ich auf sprachliche Konsistenz gelegt, was bei der Menge an Zeilen und Dateien natürlich nicht einfach ist. Soll es Channel-Verwaltung oder Channel-Manager heißen, wann schreibe ich lange Wörter zusammen, wann verbinde ich sie durch einen Bindestrich? Welche englischen Begriffe übersetze ich überhaupt und wenn ja, welche Übersetzung ist für Editoren und Admins die verständlichste? Bleibt durch die Übersetzung die Funktion verständlich oder verwirrt sie eher?
- Das deutsche Sprachpaket ExpressionEngine steht auf GitHub zum Download bereit.
- BTW: GitHub Desktop und Atom haben mir die Arbeit übrigens schön erleichtert. Das Zusammenspiel funktioniert tadellos. ;)
ExpressionEngine 5 mit Drag and Drop für schnellen Bilder-Upload
Auf dieses Feld habe ich sehnsüchtig gewartet, auf das File Grid Field. Endlich lassen sich mehrere Bilder in einem Rutsch hochladen, ohne dass ich dafür ein Addon wie “Channel Images” brauche. Das wurde auch wirklich Zeit. ;)
Die Funktionsvielfalt von Channel Images war für meine Kunden in der Regel überdimensioniert. Zudem wird jedes Jahr eine satte Lizenzgebühr fällig, seit Channel Images von EEHarbor übernommen wurde. Für Kunden, die manchmal schnell ein paar Fotos für eine Diashow hochladen oder ihre Produktbilder austauschen wollten, war Channel Images dann eine Notwendigkeit.
Schön ist zudem, dass Ellis Lab das neue Feld als Grid-Feld angelegt hat, so können den Bildern auch Titel und Beschreibungen zugefügt werden. Einfache Bildergalerien (welcher Art auch immer) sind so im Sinne einer einfachen Websitepflege ganz im Sinne der User Experience pflegbar; in anderen CMS-Lösungen längst eine Selbstverständlichkeit.
ExpressionEngine 5 ist nun ein kostenfreies Open-Source-CMS
Eine gute Nachricht hat mich heute überrascht: Meine hoch geschätzte CMS-Software ExpressionEngine ist seit gestern ein kostenfreies Open-Source-CMS! Es heißt ExpressionEngine 5. Was ist geschehen?
Schlankere Templates mit ExpressionEngine 4
Ich passe wieder meinen Workflow etwas an und verlasse für ein aktuelles Projekt bewährte Pfade. Das tue ich für “DRY: Template Layouts” in ExpressionEngine - da entstehen erfreulich schlanke Haupttemplates.
So können das Grundgerüst der Website wie Head-Funktionen und Footer, Headerbereich und andere Elemente als eine Art Variable in die Templates eingebunden werden, die über eine kurze Zeile wie zum Beispiel {layout="DRY/_header-footer"} eingebunden wird.
Genial hierbei ist eben auch, dass in dieser Layout-“Variable” wiederrum dynamischer Code enthalten sein kann, um zum Beispiel individuelle SEO-Texte für Title und Description für die cms-generierten Seite einzutragen. In den Templates für die Inhaltsbereiche (Channels) habe ich - wenn ich das konsequent fortführe, nur noch den Code für den Content. Damit haben solche Templates das Wort schlank wirklich verdient.
Ich weiss eine sichere Drupal-Alternative
Mit Blick auf Drupalgeddon 2 möchte ich betroffenen Websitebetreibern eine sichere Drupal-Alternative namens ExpressionEngine anbieten. ;) Updates, die potentielle Sicherheitslücken fixen, sind in ExpressionEngine selten und werden schnell zur Verfügung gestellt. Die Updates können seit der Version 4 von ExpressionEngine mit zwei Mausklicks eingepielt werden. Übrigens: Auch ein hierzulande sehr bekannter Webhoster preist die Sicherheitsstärke meines Leib-und Magen-CMSystems auf seiner US-Site an. Unter dem Titel ExpressionEngine – a CMS designed for designers ist im Fazit zu lesen:
“It’s worth noting too that ExpressionEngine is also exceptionally secure: it’s never had a major security breach in its life.”
Effizienter designen mit der Sketch-App und dem Sketch-Wiki
Für alle User Interface Designer und die, die es werden wollen und bereits mit der geschätzten Sketch-App arbeiten, habe ich etwas ganz Feines entdeckt. Das toll aufgemachte und sehr informative Sketch-Wiki von Micha Wiebe. Sehr nützlich finde ich zum Beispiel die Seite mit den Tastenkombinationen für Sketch 4, mit denen das Arbeiten sehr beschleunigt werden kann. Ausserdem gibt eine Reihe von Tutorials, die in die Grundlagen einführen. Und wer im PlugIn-Dschungel einige der nützlichen kennenlernen möchte, wird auf dem Sketch-Wiki bestens bedient. Voilà!
