Kategorie: css
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?
—
in Allgemein(10. Januar) Quelle: https://make.wordpress.org/core/tag/gutenberg-new/ 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…
WP Phase 3 Feature-Projekte Übersicht
Hier finden sie die ganze Projektliste an denen gearbeitet wird https://make.wordpress.org/core/features/ Unten sie einige Projekt an denen in Phase 3 gearbeitet wird. aktiv experimentell Gemeinsames Bearbeiten [Phase 3] Als eine der Säulen von Phase 3 der Gutenberg-Roadmap verfolgt diese Bemühung mehrere Ziele:…
Degradation im Interface-Design
Die Bedeutung von Graceful Degradation im barrierefreien Interface-Design Quelle: Smashing Magazine Graceful Degradation ist ein Designansatz, der sicherstellt, dass die Grundlagen einer Website auch dann noch funktionieren, wenn bestimmte einzelne Teile nicht mehr funktionieren. Der Ansatz beseitigt einzelne Fehlerquellen : Nur weil…
Nur jewails ein <details> open mit JS
—
Um sicherzustellen, dass immer nur ein <details>-Element geöffnet ist, wenn der Benutzer ein anderes <details>-Element anklickt, kannst du ein JavaScript hinzufügen, das alle anderen <details>-Elemente schließt, sobald eines geöffnet wird. Hier ist ein Beispiel: HTML <!DOCTYPE html><html lang=“en“><head> <meta charset=“UTF-8″>…
WP Update zu Phase 3: Kooperationsbemühungen
—
in AllgemeinQuelle: https://make.wordpress.org/core/tag/phase-3/ Im letzten Jahr hat Phase 3 der Gutenberg – Roadmap begonnen, Gestalt anzunehmen. Damit ist ein Update darüber erforderlich, was bereits getan wurde, wie es weitergeht und was in Zukunft zu erwarten ist. Einführung Die Medienbibliothek war in den ersten…
Weltweites Flugtracking in Echtzeit
—
in AllgemeinQuelle: https://www.flightaware.com/ Das Flugtracking auf der Live-Karte von FlightAware verrät Ihnen, welche Flugzeuge am Himmel in Ihrer Nähe und überall sonst auf der Welt unterwegs sind. Wenn Sie auf ein Flugzeug oder einen Flughafen klicken, wird eine Detailansicht angezeigt. Mit…
Was ist neu in Gutenberg 19.9?
(19. Dezember) Quelle: https://make.wordpress.org/core/2024/12/18/whats-new-in-gutenberg-19-9-19-december/ Die letzte Version des Jahres 2024 führt das Style Book mit klassischen Themen, einem neuen Query Total-Block, einer Reihe von Erweiterungen der Komponentenbibliothek und Verbesserungen der Codequalität ein. Style Book in klassischen Themen Das Style Book wird…
Was ist neu in Gutenberg 19.8
(04. Dezember) Quelle: https://make.wordpress.org/core/tag/gutenberg-new/ Abschnittsstilauswahl in der Symbolleiste Im Zoom-Out-Modus können Benutzer nun verschiedene Abschnittsstile und -designs direkt über die Symbolleiste anwenden, sie durchgehen und im Kontext der restlichen Seite prüfen. Diese Verbesserung vereinfacht den Entscheidungs- und Produktionsprozess. (# 67140 ) Schriftfamilienvorschau im Dropdown…
Was ist neu in Gutenberg 19.7
(20. November) Quelle: https://make.wordpress.org/core/tag/gutenberg-new/ Globale Stile in der Seitenleiste des Haupt-Site-Editors verfügbar Die Seitenleiste des Site-Editors wird immer leistungsfähiger und dient als Einstiegspunkt zur Verwaltung aller Aspekte Ihrer Site. Bis zu dieser Version bot das Stilfenster nur begrenzte Stileinstellungen mit Schwerpunkt…
Weltraumwetter-Vorhersagezentrum
—
in AllgemeinNationale Ozean- und Atmosphärenbehörde NOAA ist eine Agentur, die das Leben durch Wissenschaft bereichert. Unser Wirkungsbereich reicht von der Sonnenoberfläche bis in die Tiefen des Meeresbodens. Wir arbeiten daran, die Öffentlichkeit über die sich verändernde Umwelt um sie herum zu…
WordPress Version 6.7
—
in AllgemeinWillkommen bei WordPress 6.7 Mit WordPress 6.7 wird das moderne Theme Twenty Twenty-Five eingeführt, das ultimative Designflexibilität für jeden Blog jeder Größenordnung bietet. Steuere deine Website-Typografie wie nie zuvor mit den neuen Schriftverwaltungsfunktionen. Mit der neuen Verkleinerungsfunktion kannst du deine Website mit…
Was ist neu in Gutenberg 19.6
(6. November) Quelle: https://make.wordpress.org/core/tag/gutenberg-new/ Experimentelle Inline-Kommentare Experimentelle Inline-Kommentare sind als experimentelle Funktion in Gutenberg verfügbar. Benutzer können über Blöcken Kommentare hinterlassen, allerdings nur in nicht veröffentlichten Beiträgen. Um sie zu aktivieren, gehen Sie zu Gutenberg > Experimente und aktivieren Sie das Kontrollkästchen Blockkommentare . Codequalität, Fehlerbehebungen und…
