Aufblitzen zwischen Seiten

[Gunnar Bittersmann]

@@Tabellenkalk

du willst, dass deine Seitenbesucher erst deine Zitrone sehen (extra Begrüßungsseiten sind eigentlich schon im letzten Jahrtausend out gewesen) und dann darauf klicken um zum eigentlichen Inhalt zu kommen.

Was über Mobilfunk mehrere Sekunden dauert. Die Zitrone dürfte den Nutzern sauer aufstoßen.

Dafür ist in HTML schon seit längerem, vermutlich schon seit immer, ein Extra-Element vorgesehen, das völlig ohne JS funktioniert.

Der Inhalt der Startseite sollte gleich beim ersten Request geladen werden, d.h. mit der Zitrone auf derselben Seite sein. Die Umschaltung zwischen Zitrone und Inhalt funktioniert auch völlig ohne JS.

Wenn es denn unbedingt eine Zitrone sein muss:

<main id="content">
  <!-- hier der Inhalt -->
</main>
<aside id="lemon">
  <!-- hier die Zitrone -->
  <a href="#content">weiter</a>
</aside>

Ausblendung per Stylesheet:

main:not(:target) { display: none }
main:target + #lemon { display: none }

LLAP 🖖