admin

admin

  • Beigetreten: 2022-08-28
  • Artikel: 407

Multiline editing in Visual Studio Code

Link Praktische Tipps sowie ein Cheatsheet (siehe Beitragsbild) für multi-line editing, um beispielsweise mehrere Elemente in HTML – oder bei anderen Sprachen sowie Programmiersprachen – simultan auszuwählen. Dies spart einiges an Zeit an Coding-Fleissarbeit(ohne ein Snippet dafür kreieren zu müssen).…

Hamburger Responsive Navigation

Hier ist ein einfaches JavaScript-Skript, mit dem ein Burger-Button eine responsive Navigation von der rechten Seite hereinschieben lässt. Beim Klick auf einen Link innerhalb der Navigation verschwindet sie wieder. Funktionalität: Styling: Ergebnis: Beim Klick auf einen Navigationslink oder außerhalb der…

Was ist neu in Gutenberg 20.0?

(10. Januar) Quelle: Erweiterungen für das Style Book Das Style Book hat in dieser Version einige Verbesserungen erfahren. Es enthält jetzt verschiedene Abschnitte für Typografie, Farben und einzelne Blöcke, die alle aktiviert werden, wenn der Benutzer zu diesen Menüelementen…

Top Button bei scrollen einblenden

Hier ist ein einfaches Skript, das einen “Top-Button” erstellt, der erscheint, sobald der Benutzer 100px scrollt. Beim Klick auf diesen Button wird der Benutzer zurück zum Seitenanfang gebracht. HTML und CSS: <!DOCTYPE html><html lang=”en”><head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>…

Umschalten zwischen dark und light

Um zwischen einem Dark-Modus und einem Light-Modus umzuschalten, kannst du mit einem Schalter (switch button) und CSS-Variablen arbeiten. Hier ist eine vollständige Lösung mit HTML, CSS und JavaScript: HTML <!DOCTYPE html><html lang=”en”><head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Dark/Light Mode…