101 spannende Farbkombinationen
Byadmin
Link Farbe zählt mit zu den entscheidenden Faktoren erfolgreicher Designs. Wir haben 101 neue Farbkombinationen zusammengestellt, die euch bei der Farbauswahl unterstützen.
web - art - tech
web - art - tech
Archiv
Weiterlesen101 spannende Farbkombinationen
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).…
WordPress Menü mit Icons aufpeppen
Die Navigation ist ein sehr wichtiger Bestandteil einer Webseite und kann in WordPress ganz einfach angepasst werden. Für die Gestaltung der einzelnen Menüpunkte kann man neben der Schrift oder der Farbe auch Icons verwenden. Wie du ein WordPress Menü mit…
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…
WP Phase 3 Feature-Projekte Übersicht
Hier finden sie die ganze Projektliste an denen gearbeitet wird 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
Quelle: 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
Quelle: 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…