Skip to content

The new good old

Ein Loblied für mehr Minimalismus

Warum kompliziert, wenn es auch viel einfacher geht? Seit Jahren nimmt die Komplexität von Websites rapide zu und verschlingt immer mehr Ressourcen. Dabei kann ein Website federleicht, responsive und dennoch einfach zu managen sein. Hier ein Beispiel wie minimalistisch ein Blog aussehen könnte.

Diese Website kommt ohne Javascript und Stil-Klassen aus. Der Text und die wenigen Bilder werden nur durch HTML und CSS bereitgestellt. Durch die Kunst Weglassens rückt so der Inhalt wieder in den Vordergrund... und in dieser Einfachheit steckt auch ein klares Statement: Der Verfasser konzentriert sich auf das Wesentliche und bündelt Energien und Aufwand dort, wo es dem Leser direkt zu Gute kommt! Gepflegt wird die Site über ein sehr schlankes CMS. Wer braucht da noch WordPress & Co.?

Besucher
- Ein Bild kann genug sein -

Das neue Gold?

Willkommen auf einer der leichtesten Websites im deutschen Web! Ohne sentimental zu werden - aber die Websites Ende der 1990er Jahre hatten auch ihren Charme. Diese Version ist ein moderner Hybrid. Das Design erinnert an früher, funktional ist man aber full-responsive und am aktuellen W3C-Standard. Ein weiterer Vorteil ist: Man kann wieder mehr Farbe einsetzen ohne die Betrachter:innnen zu überfordern. Und auch unter SEO-Gesichtspunkten gehört FEDERLEICHT mit 101 kb in die Goldklasse.

Jetzt checken: Google Page Speed Insights | 100 Punkte

html | 7 kb
css | 39 kb
jpg | 55 kb
Dateigrösse insgesamt: 101 kb
Mehr Mut tut gut! Wie wär´s mit Premium Content in superleichter Verpackung?

Eine Spalte muß reichen

    Immer mehr Websites verzichten wegen der zunehmenden mobilen Nutzung auf zweispaltige Designs. Bestes Beispiel ist "tagesschau.de", die seit Anfang des Jahres im neuen Look erscheint. Bei vielen Teasern ist der Zweispalter zwar immer noch übersichtlicher, doch bei einer geringen Anzahl von Artikeln tut´s auch der Einspalter.

Unterstützte Stil-Elemente

Alle diese Stil-Elemente HTML können innerhalb der div[data-typesettings] ohne jede Klasse genutzt werden. Wirklich sehr einfach!

  • p
  • dl
  • ol
  • ul
  • nav
  • aside
  • footer
  • header
  • section
  • h1 ~ h6
  • blockquote
  • fieldset
  • details
  • button
  • figure
  • input
  • label
  • small
  • table
  • abbr
  • code
  • form
  • kbd
  • pre
  • hr

Browser Support

Dieses Template ist mit den gängigsten Browsern kompatibel - außer Microsoft EDGE(!) In Deutschland hat EDGE einen Marktanteil von ca. 8%.