Webseiten

Ihr Internetauftritt mit Bridgetown

Bridgetown macht statische Internetseiten dynamisch. Das Ergebnis ist ein an den Bedürfnissen des Betrachters ausgerichteter Webauftritt ohne Cookies und andere Privacy-Killer.

90 Prozent aller Inhalte eines Internetauftritts sind in der Regel statisch oder verändern sich nur sporadisch. Es genügt, die Inhalte 1:1 auf dem Webserver vorzuhalten. Bei Bedarf wird einfach die HTML-Datei vom Webserver zum Browser kopiert. Das ist effizient, schnell und sicher.

Dynamische Inhalte werden entweder über Datenbankabfragen oder aus speziellen Dateien geladen und bei Bedarf in die statischen Seiten eingebettet. Das geschieht mit Server Side Rendering (SSR). Diese dynamischen Bestandteile sind DSGVO-Konform.

Was dürfen wir für Sie tun?

Effiziente Webseiten

Sichere, stromsparende Webseiten, DGSVO-Konform und selbstverständlich ohne Cookies. Ruby-Powered!

Migration

Übernahme vorhandener Texte aus Wordpress- und vergleichbaren Systemen in eine moderne Bridgetown-Implementation.

Wartung und Pflege

Hosting, Wartung und Pflege der Webseite inklusive Unterstützung bei inhaltlichen Updates.

Wider der Unsitte von Single-Page-Internetseiten

In den letzten Jahren wurden einseitige Internetauftritte (neudeutsch “Single-Page-Webanwendungen”) immer populärer. Sämtliche Inhalte stehen auf einer Seite; anstatt neue Seiten aufzurufen, scrollt man einfach runter. Das hat wesentlich mit dem Siegeszug von React, einem Framework, zu tun, mit dem Webseiten via Javascript zusammengebastelt werden können. Die Kombination mit populären Komponenten für Standardelemente führt zu austauschbaren, vielfach graphisch völlig überladenen Monster-Internetauftritten.

Treten Sie gemeinsam mit uns einen Schritt zurück. Komponenten werden eingesetzt, wo es einen Mehrwert darstellt. Eine Seite behandelt ein Thema. Der Internetauftritt besteht aus verlinken Themenseiten. Das mag minimalistisch erscheinen, ist aber das Gegenteil von langweilig!

Diese Seite ist natürlich mit Bridgetown erstellt. Dynamische Inhalte sind hier nicht erforderlich.

Vertiefende Blogbeiträge zu diesem Thema

Interaktivität mit Turbo-Frames

Interaktivität (fast) ohne Javascript. Das verspricht das »Turbo»-Projekt. Ein Klick auf einen Buttom ruft in diesem Beispiel eine normale Seite auf, stellt sie aber in einem Modal dar.
css javascript turbo Lesen…

Dreispaltiges Grid-Design

Ein dreispaltiges responsives Design kann elegant mit einem Grid-Layout aufgesetzt werden. Wenn nur zwei Elemente nebeneinander passen, wird das dritte auf einer neuen Zeile fensterfüllend platziert.
css grid responsive Lesen…

Eine Sidebar

Die Blogbeiträge bekommen in der Desktop-Darstellung eine Sidebar. Dort wird auf weitere Blogbeiträge verwiesen.
css flexbox grid Lesen…

Zweispaltiges Hero

Realisierung eines zweispaltigen Designs für Webseiten mit Bridgetown.
css grid Lesen…

Positionierung von Bildern und Texten

Das saubere Platzieren von Texten vor Bildhintergründen ist im Responsive Design essentiell. Hier sind Flexbox-basierte Techniken zusammengetragen.
css flexbox Lesen…

Die Hero Komponente

Eine Hero-Komponente dient als Eyecatcher auf der Eingangsseite eines Webauftritts. Für die Umsetzung kann Flexbox oder Grid eingesetzt werden.
css flex grid Lesen…

Die Navigation

Die Navigation ist ein idealer Kandidat für eine Bridgetown-Komponente. Dort wird die gewünschte Funktionalität umgesetzt. In der Komponente sind Form und Inhalt klar getrennt.
css html sidebar Lesen…

PostCSS

Postcss macht den fertigen CSS-Code Browser-Kompatibel. Beim Web-Design können moderne Features benutzt werden. Für ältere Versionen implementiert PostCSS javascriptbasierte Simulationen.
css Lesen…