SEGERT BLOG
Update: Ein IMAP-Postfach vor einem Webhosterwechsel schnell und sicher importieren
Ich war nicht selten damit kontrontiert, dass ich einen neuen Kunden gewann, der seine Website bei einem Webhoster liegen hatte, der nur ungenügende Leistungen bot, zu teuer war oder den technischen Anforderungen für den Betrieb eines CMS nur bedingt gerecht wurde. Dabei ist ein Providerwechsel mit Umzug der Domain und der Wesbite heutzutage innerhalb eines Tages realisierbar.
Barrierefreies Webdesign: Die häufigsten Fehler vermeiden
Sowohl für Kunden als auch für Webdesigner, die es ernst meinen mit der barrierefreien Umsetzung ihrer Webprojekte, ist die folgende Ressource sehr nützlich. Steve Frenzel zeigt in dem Artikel namens Template for accessibility guidelines anschaulich die häufigsten Fehler im Vergleich zwischen richtig und falsch. Dieser Ansatz hilft zudem, einige wesentliche Anforderungen an das barrierefreie Webdesign besser zu verstehen.
WCAG 2.2: Die neuen Regeln
Seit Herbst 2023 sind die Web Content Accessibility Guidelines (WCAG) in der Version 2.2 gültig. Welche neue Anforderungen die wesentlichen sechs Neuerungen für Webdesigner und die Barrierefreiheit bringen, das erläutert Team Stark anhand konkreter Beispiele in dem Artikel Understanding the new WCAG 2.2 criteria.
Newsletter: Im Bauch der Sprache
Seitdem ich im Internet bin, begeistert mich das Schreiben für dasselbe. Mitte 1997 fing ich an, kurze Linkvorstellungen über Kultur, Kunst, Webdesign und Netzgeschehen zu schreiben, die ich nach Datum sortierte. Das Wort Blog kam erst später auf und es gab noch keine Software wie WordPress, mit der das Bloggen auch für HTML-Laien möglich wurde. Ich habe dann in den folgenden Jahren immer mal wieder über Jahre sehr intensive Blogphasen gehabt und so reichlich Erfahrungen mit Webtexten sammeln können. Seit einigen Jahren nun konzentriere ich mich auf meine Leidenschaft für Literatur zwischen klassischer Moderne und aktueller Belletristik. Ich schreibe Rezensionen, mache Email-Interviews mit Schriftstellern und betreibe einen Literatur-Newsletter namens Im Bauch der Sprache, den ich hiermlt empfehlen möchte.
ExpressionEngine: Einblicke in die CMS-Portierung und Website-Modernisierung
In meinem Showroom stelle ich zwei Projekte vor, in denen ich auf verschiedene Weise veraltete ExpressionEngine-Websites modernisiert habe. In beiden Fällen war die ExpressionEngine-Version bereits seit Jahren nicht mehr aktuell und es waren vier Versionsprünge von 2 zu 6 zu überwingen. Zugleich waren einige Addons hoffnungslos veraltet, weil die Entwickler ihre ExpressionEngine-Addons nicht mehr weiterentwickelten (ein Problem, das auch viele WordPress-Sites haben oder haben werden). Zugleich waren diese Addons zentral für das Funktionieren der Website und mussten ersetzt werden, ohne die zahlreichen Inhalte der seit Jahren gewachsenen Websites und das Website-Layout selbst zu gefährden.
Die gute Nachricht: Nach der Portierung und Modernisierung dieser Websites waren nur noch wenige bis keine Addons mehr nötig. Weiß man wie, kann man auch komplexe Anforderungen wie Mehrsprachigkeit, aufwendige Datenstrukturen, individualisierte SEO-Einstellungen, Formulare und Bildergalerien jeder Art mit einer Grundinstallation von ExpressionEngine und ohne Addons von Dritten programmieren. Die Kosten dafür bleiben überschaubar.
- CMS-Portierung und Erweiterung der Website-Responsivität für eine Luxusmarke aus der Rhön
- ExpressionEngine-Portierung mit Neucoding der Templates für eine Unternehmensberatung aus Köln
Barrierefreiheit verstehen
Wer Barrierefreiheit wirklich ernst nimmt, tut gut daran, sich nicht auf das Ergebnis auszuruhen, das Googles PageSpeed Inside ausgibt. Wenn dort 100 Prozent steht, so ist gerade einmal ein selbstverständliches Minimum an Barrierefreiheit erreicht. Wer aber auch Zugänglichkeit und ein positives Benutzererlebnis für Menschen mit verschiedensten Behinderungen erreichen will, hat auf zahlreiche Anforderungen zu achten, die nicht beiläufig oder mal eben umzusetzen sind. Auf was alles zu achten ist, macht das Projekt Understanding Accessibility. A tool for web designers von Alaïs de Saint Louvent deutlich. Dort werden die Anforderungen visuell auf den Punkt gebracht und mit unzulänglichen Ergebnissen verglichen.
Folgende Kernbereiche des Webdesigns werden näher beleuchtet: Colours, Typefaces, Media, Layout und Development. Ein tolles Projekt, das auch zweifelnde Kunden helfen könnte, eine Entscheidung für die barrierefreie Aufwertung der eigenen Website zu fällen.
Kleine Kollektion von CSS-Animationen
Seit Anfang des Jahres 2023 beschäftige ich mich intensiver mit CSS-Animationen, zumal auch die Nachfrage bei Kunden zugenommen hat. Dabei habe ich erfahren, dass mir ein mächtiges Werkzeug zur Verfügung steht, um mit wenigen Zeilen Code nicht nur verspielte, sondern auch hinweisende und benutzerfreundliche Animationen zu coden. Wer damit experimentieren möchte oder einfach nur diverse CSS-Animationen in Aktion sehen will, besuche das schöne Projekt Animatiss von Frank Eno. Dort kann man sich auch für eigene Projekte bedienen.
Browser unterstützen jetzt auch verschachteltes CSS (CSS nesting)
Um lokal mit Sass und meinem Editor Nova CSS zu coden, greife ich auf das Tool CodeKit zurück, mit dem ich einen CSS-Präprozessor simulieren kann. Im aktuellen Newsletter von Kulturbanause las ich nun, dass alle wichtigen Browser mittlerweile das Verschachteln von CSS unterstützen. Im Beitrag fand ich den Link zu einem Tutorial namens CSS Nesting. Ahmad Shadeed zeigt darin, wie das CSS-Verschachteln im Unterschied zu CSS-Präprozessoren Sass und Less funktioniert. Zudem gibt einige anschauliche Anwendungsbeispiele. Wie man mit Verschachtelung schlankeres CSS coden kann, zeigt das folgende schöne Beispiel aus dem Artikel:
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.