selfHTML-LogoAdventskalender 2019

  1. SVG skalieren

    von Gunnar Bittersmann am 13.11.2019

    Ich hab mal ein Beispiel gebaut, in welchem dasselbe Symbol zweimal in unterschiedlichen Größen verwendet wird.

  2. Feststehender Footer

    von Gunnar Bittersmann am 27.3.2018

    Wenn Header und Footer ständig im Viewport bleiben sollen, dann ist position: sticky das Mittel der Wahl.

  3. Quintupelspielerereien

    von Matthias Apsel am 22.6.2019

    Aus Anlass der Veröffentlichung von V5 unseres Forums eine mathematische Spielerei.

  4. Speisekarte mit Punkten

    von Gunnar Bittersmann am 05.06.2019

    Eine Beschreibungsliste (description list dl), deren Elemente jeweils links und rechts zentriert und durch Punkte verbunden sind.

  5. Ausklappbare Navigation

    von Gunnar Bittersmann am 09.01.2018

    Eine Navigation (nav ul), die auf kleinen Viewports hinter einem Button verschwindet./p>

  6. Header links neben Text

    von Gunnar Bittersmann am 15.09.2018

    Ein Header mit einem teaser, der mit Grid links neben dem Haupttext angeordnet wird.

  7. Überschrift mit Rand

    von Gunnar Bittersmann am 26.07.2018

    Eine Überschrift, deren Rand nur so lang wie der Inhalt ist → geht mit max-width: max-content

  8. Geraden in der Ebene

    von Matthias Apsel am 08.02.2018

    In wieviele Gebiete kann eine Ebene durch n Geraden geteilt werden?

  9. "read-More"-Toggle

    von Gunnar Bittersmann am 05.01.2018

    Ein Umschalter, der per CSS weiteren Text / Listenelemente ein- und ausblendet.

  10. Flexbox-Achsen

    von Gunnar Bittersmann am 28.09.2018

    Ob die Blockachse vertikal oder horizontal ist, hängt einerseits von der Schreibrichtung (writing-mode) ab, andererseits natürlich auch von flex-direction.

  11. Dieses Türchen öffnet sich erst am 11. Dezember.

  12. Dieses Türchen öffnet sich erst am 12. Dezember.

  13. Dieses Türchen öffnet sich erst am 13. Dezember.

  14. Dieses Türchen öffnet sich erst am 14. Dezember.

  15. Dieses Türchen öffnet sich erst am 15. Dezember.

  16. Dieses Türchen öffnet sich erst am 16. Dezember.

  17. Dieses Türchen öffnet sich erst am 17. Dezember.

  18. Dieses Türchen öffnet sich erst am 18. Dezember.

  19. Dieses Türchen öffnet sich erst am 19. Dezember.

  20. Dieses Türchen öffnet sich erst am 20. Dezember.

  21. Dieses Türchen öffnet sich erst am 21. Dezember.

  22. Dieses Türchen öffnet sich erst am 22. Dezember.

  23. Dieses Türchen öffnet sich erst am 23. Dezember.

  24. Sie können das Projekt SELFHTML unterstützen.