web - art - tech
web - art - tech
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…
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″>…
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…
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…
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″>…
Unleashed Design behandelt in seinem Video wie man ein CSS-Theme über JavaScript wechselt und wie man den darkmode über JS feststellt und entsprechend wechselt. Wie von Unleashed Design üblich ist das ganze sehr schnell und einfach erklärt. Hier der Videolink
Node.js ist eine plattformübergreifendeOpen-Source–JavaScript–Laufzeitumgebung, die JavaScript-Code außerhalb eines Webbrowsers ausführen kann. Damit kann zum Beispiel ein Webserver betrieben werden. Node.js wird in der JavaScript-Laufzeitumgebung V8 ausgeführt, die ursprünglich für Google Chrome entwickelt wurde, und bietet eine ressourcensparende Architektur, die eine besonders große Anzahl gleichzeitig bestehender Netzwerkverbindungen ermöglicht. Node.js wurde ursprünglich von Ryan…
Mit dem target-Attribut und dem Wert _blank bei a-Elementen kann ein Link in einem neuen Fenster geöffnet werden. Beispiellink Sowohl Frames als auch das target-Attribut werden als veraltet (deprecated) eingestuft und sollten nicht mehr verwendet werden.Der Einsatz der target-Attributs ist nur bei den XHTML transitional-Varianten der Dokumenttyp-Deklarationen…
Hier finden Sie eine recht ausführliche anleitung wie man Dynamische Schriftskalierung realisiert. Alle modernen Browser bieten inzwischen die Möglichkeit dargebotenen Text auf Webseiten zu skalieren. Trotzdem sind Handling und Bedienung durchaus unterschiedlich elegant in den jeweiligen Browsern geregelt. Eine alternative…
