#CSS

Fußnoten-Demo

Basic demo page for Easy Footnotes This is a demo page showing the basic functionality of the Easy Footnotes for Web Pages (Accessibility friendly) system.

Space-Toggles

CSS

CSS ist eine Programmiersprache dank des Space-Toggle-Tricks Grundlagen des Space Toggle: Wenn deine --css-var ein Leerzeichen enthält --toggler: ;, kann sie beliebig oft hinzugefügt werden,…

CSS Light/Dark Mode ohne Duplizieren von Variablen – Implementation

CSS

Übersetzt und gekürzt von CSS Light/Dark Mode Implementation WITHOUT Duplicating Vars von Jane Ori Viele denken, dass man für einen Light/Dark Mode in CSS alle…

Einfache Fußnoten für Webseiten (barrierefrei)

Javascript

Übersetzt und gekürzt von Easy Footnotes for Web Pages (Accessibility friendly) von James R Meyer. Diese Seite zeigt, wie man Fußnoten in Webseiten auf sehr…

Wie man einen großartigen Dark-Mode-Schalter erstellt

Javascript

Übersetzung von How to Create a Great Dark Mode Switch von James R Meyer. Was sind die größten Schwierigkeiten beim Einrichten eines Hell-/Dunkel-Modus-Umschalters auf Ihrer…

Responsive Design: neue Media Query

CSS

pointer: fine / pointer: coarse Media Queries prüfen die Eigenschaften von Ausgabegeräten und passen damit CSS-Regeln dynamisch an. Sie legen fest, wie ein Dokument auf…

Neues

CSS

CSS mix-blend-mode Bild 1 mit mix-blend-mode: normal Bild 2 mit mix-blend-mode: normal Bild 1 mit mix-blend-mode: lighten Bild 2 mit mix-blend-mode: darken Quelle: selfhtml.org Das…

CSS mit Variablen

CSS

box-shadow Ich habe es nicht hinbekommen, mit CSS-Variablen einen box-shadow zu erzeugen. Z.B.: $shadow: 2px, 1px, 3px #ccc; .test-box { box-shadow: var(--shadow); } Der Wert…