zum Hauptinhalt springen.
UX/UI Design, Entwicklung & TYPO3 in Karlsruhe Karlsruhe | seit 2006

Blog Artikel

Integration von strukturierten Daten mit TYPO3

Mit schema.org, dem Standard der großen Suchmaschinenanbieter, lassen sich Webseiteninhalte gezielt kennzeichnen, was die Sichtbarkeit und Darstellung in Suchergebnissen deutlich verbessern kann. Rich Snippets mit Bewertungen, Preisen oder Eventdaten steigern die Klickrate und bieten Nutzern auf einen Blick wichtige Informationen. In diesem Artikel zeigen wir, wie sich strukturierte Daten in TYPO3 optimal umsetzen lassen.

01.11.2024 #seo#entwicklung#stakeholder#typo3

Gardenjs - unsere schnelle, einfache Storybook-Alternative

UI-Komponenten Explorer erleichtern die tägliche Arbeit beim Erstellen, Testen, Betrachten und Dokumentieren von UI-Komponenten und Layouts. Bei der Entwicklung mit Javascript Frameworks bietet sich ein integriertes Tool an. Jetzt haben wir mit Gardenjs unsere schnelle, leichtgewichtige Alternative zu Storybook veröffentlicht.

16.07.2024 #entwicklung#javascript#stakeholder#svelte

TYPO3 12 lokal mit Composer und DDEV installieren

Mit TYPO3 12 wird erstmals die Composer Installation ohne "Krücken" voll unterstützt und bringt ein paar wesentliche Änderungen bei der Installationstruktur mit. Da die Veröffentlichung von TYPO3 12 LTS vor der Tür steht, ist es also an der Zeit, sich das mal anzuschauen.

25.01.2023 #entwicklung#typo3

Webseiten auf Energieeffizienz und Performance testen

Website Betreiber können schnell und kostenfrei prüfen, ob ihre Website performant ist sowie klimaeffizient betrieben wird. In diesem Artikel zeige ich hierfür einfache Möglichkeiten.

08.06.2022 #seo#entwicklung#nachhaltigkeit#stakeholder

TYPO3 11 LTS lokal via Composer installieren - mit der Entwicklungsumgebung DDEV

Seit einigen Jahren ist die empfohlene Installationsmethode für TYPO3 die Installation mit dem PHP Paketmanager Composer. In der Dokumentation für die aktuelle Version 11.5 (LTS) fehlt nun die Beschreibung für die klassische TYPO3 Installationsmethode via Symlinks. Ich verstehe das als ein Anzeichen dafür, dass mittelfristig TYPO3 nur noch via Composer installiert werden könnte. Für mein Beispiel verwende ich die Entwicklungsumgebung DDEV (Anleitung für macOS), eine elegante und schnelle…

27.10.2021 #entwicklung#typo3

Klimaeffiziente Webseiten - nachhaltiges Webdesign

Entwickler, Designer, Redakteure und Stakeholder nehmen in ihren Verantwortungsbereichen Einfluss auf den Energiebedarf eines Webprojekts. Hier zeige ich Maßnahmen auf, um Websites und Webanwendung energieeffizient und performant zu betreiben.

04.08.2021 #seo#entwicklung#nachhaltigkeit#stakeholder#webdesign

DSGVO konformes Cookie Consent - Opt-in & erweiterbar

Mit dem Inkrafttreten der Datenschutz-Grundverordnung dürfen bestimmte Skripte wie Marketing- und Analyse Cookies nur noch nach ausdrücklicher Erlaubnis der Website-Besucher gesetzt werden. Hier ein Beispiel für eine technische Lösung.

14.02.2020 #dsgvo#entwicklung#javascript

Responsive SVG Maps mit Popup

Demonstration einer Responsive SVG Weltkarte mit anklickbaren Informationen in einer Modalbox.

09.11.2019 #entwicklung#javascript#svg#webdesign

Einfaches Deployment per Shell-Skript - mit Beipiel für TYPO3 Installationen

Es gibt zahlreiche Tools und Möglichkeiten, lokale Projekte auf den Live Server zu deployen. Hier stelle ich eine einfache Methode vor zur Synchronisation der Daten mit Hilfe eines kleinen Bash Skripts. Das bietet sich für kleine Projekte an. Update: Beispiel für ein einfaches TYPO3 Deployment.

21.10.2019 #entwicklung#typo3

Barrierefreies Tabbed Content mit Vanilla JS

Ein Tabbed Content Element bietet die Möglichkeit, viel Inhalt auf wenig Raum zu strukturieren. Eine barrierefreie Umsetzung ist entscheidend.

23.08.2019 #a11y#javascript#webdesign

Barrierefreies Akkordeon mit Vanilla JS

Akkordeons helfen dabei, Website Inhalte übersichtlich zu strukturieren. Aus mehreren Inhalten können die Besucher schnell die für sie relevanten Aspekte auswählen. Häufig werden Akkordeons z.B. bei den FAQs einer Website eingesetzt.

10.07.2019 #a11y#entwicklung#webdesign

Skyline Karlsruhe