Webkrauts Logo

Webkrauts Webkrauts Schriftzug

- für mehr Qualität im Web

Artikel

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: 0

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

Zeitrafferaufnahme einer befahrenen Straße am Abend in Ottawa

Web-Performance für Mobilgeräte

Erfolgreiche Websites sind schnelle Websites

von Mathias Schäfer am 08.01.2018

Schlechte Web-Performance bremst die Internetnutzung mit Mobilgeräten. Was sind die Ursachen für langsame Webseiten und wie können wir sie optimieren? |  Kommentare: 1

Sammlung von Energy-Drinks mit dem Logo des Webkongresses

Webkrauts unterwegs

Grüße vom Webkongress Erlangen 2016

von Jens Grochtdreis, Matthias Mees, Olaf Gleba, Kerstin Probiesch, Nicolai Schwarz am 16.03.2016

In der letzte Woche fand der fünfte Webkongress Erlangen statt. Die Vorträge drehten sich um E-Government, Webtrends und HTML5. Auch einige Webkrauts waren als Referenten und Gäste auf dem Kongress. Hier sind unsere Eindrücke. |  Kommentare: 0

Gelber Würfel mit Fragezeichen auf jeder Seite

Quiz

Du denkst, du kennst CSS?

von Stephan Heller am 24.12.2015

Der Webkrauts-Adventskalender bietet hinter dem letzten Türchen ein kleines Extra zum Feste: Ein neues Quiz mit elf Fragen für CSS-Profis. Vorsicht: Die Fragen haben es in sich. Rechnet nicht damit, alle elf aus dem Stand beantworten zu können! |  Kommentare: 0

Überirdische Wurzeln eines Baumes

Mathematische Funktionen mit Sass

Zurück zu den Wurzeln

von Gunnar Bittersmann am 23.12.2015

Mit Sass könnt ihr mathematische Funktionen wie Wurzelziehen umsetzen. Wir zeigen euch anhand einer Bildergalerie, wozu das nützlich ist und wie ihr euch geschickt dem Wert für die Wurzel nähert. |  Kommentare: 7

Schild mit Text: »Clean Up or You're Out!«

Browser und Webstandards

Die kurzfristige Lösung von heute ist der Müll von morgen

von Christian Heilmann am 22.12.2015

Mit der Veröffentlichung von Microsoft Edge als dem neuen Windows-Browser ist in diesem Jahr die letzte Bastion der nicht-standardbasierten Desktopbrowser gefallen. Zeit, die Besen rauszuholen, hinter die Ecken zu kucken und im Web aufzuräumen. |  Kommentare: 3

CSS Blend Modes

CSS

Blend-Modes

von Sven Wolfermann am 21.12.2015

Ein oft genutztes Stilmittel bei Ebenen-Kompositionen in Photoshop sind so genannte »Blend-Modes« – eingedeutscht: »Mischmodi«. Dabei werden zwei Ebenen anhand von unterschiedlichen mathematischen Farbformeln visuell miteinander verschmolzen. Diese Effekte lassen sich jetzt auch in CSS einsetzen. |  Kommentare: 1

Seiten