Webkrauts Logo

Webkrauts Webkrauts Schriftzug

- für mehr Qualität im Web

Startseite

  • Leicht aufgeklappter Laptop im Neonlicht

    Debugging

    Infos im Verborgenen: die Console-API

    von Tim Kraut am 25.06.2018

    Die Zeiten sind lange vorbei, als Webworker mit alert() die Geheimnisse einer Webseite ergründen mussten. Mittlerweile haben alle Browser tolle Developer-Tools, von denen die Konsole ein zunehmend mächtigeres Werkzeug darstellt. Es wird sogar an einem Standard für eine Console-API gearbeitet. |  Kommentare: 4

  • Silhouette einer Person vor einem Fenster

    Modale und barrierefreie Dialogfenster

    Abgedunkelte Inhalte muss keiner lesen

    von Jan Hellbusch am 11.01.2018

    Mit Accessible Rich Internet Applications (ARIA) 1.1 werden einige neue Rollen und Attribute eingeführt, die für die barrierefreie Frontend-Entwicklung wichtig sind. Eines dieser Attribute ist aria-modal, das signalisiert, ob ein Dialogfenster modal ist oder nicht. Mit diesem Attribut könnt ihr die barrierefreie Nutzung von Dialogfenstern in einem Screenreader verbessern. |  Kommentare: 0

  • Checkliste, bei der einzelne Checkboxen mit einem pinken Marker abgehakt werden

    Die Pseudoklasse :focus-within

    Eltern von Elementen mit Fokus hervorheben

    von Sascha Postner am 10.01.2018

    Pseudoklassen helfen, Zustände von Elementen gesondert zu gestalten. Ein Vertreter dieser Gattung ist :focus-within, der – sinnvoll eingesetzt – Formulare auf Webseiten benutzerfreundlicher machen kann. |  Kommentare: 2

  • Figur eines Butlers, der ein Tablet mit Sekt und Gläsern trägt

    Einführung in Service Worker

    At Your Service

    von Marcus Herrmann am 09.01.2018

    Mit Service Workern ist es möglich, per JavaScript bestimmte Dienste auch dann auszuführen, wenn der Nutzer die dazugehörige Website gar nicht geöffnet hat. Eine kleine Einführung in eine Technologie mit großem Potential. |  Kommentare: 0

Notizen

Termine