Webkrauts Logo

Webkrauts Webkrauts Schriftzug

- für mehr Qualität im Web

Artikel

SASS-Schriftzug und Ordnerstruktur

CSS-Präprozessoren

Struktur und Organisation in SASS-Projekten

von Olaf Gleba am 10.12.2013

Alle Webworker, die CSS-Präprozessoren wie SASS nutzen, müssen sich die Frage beantworten: »Wie organisiere ich meine Dateien, um mir das (Arbeits-)Leben so einfach wie möglich zu machen?« Wer als Antwort auf diese Frage irgendwo das Ei des Kolumbus vermutet, wird erstaunt sein über die Vielfalt der Ansätze. |  Kommentare: 12

Eine Hand hält eine Glühbirne

Gerätesensoren per Javascript und CSS nutzen

Ambient Light Responsive Webdesign

von Kai Laborenz am 09.12.2013

Responsive Websites können nicht nur auf die Änderung des Browserfensters reagieren – auch die Umgebungshelligkeit kann die Gestaltung beeinflussen. Mit Javascript lassen sich entsprechende Sensoren abfragen und für das Design nutzen. |  Kommentare: 11

Drei Checkboxen mit drei unterschiedlichen Zuständen

Einstieg in ARIA 1.0 – Teil II

Tri-State-Checkbox: Mit Tastatur und Screenreader bedienbar

von Jan Hellbusch am 08.12.2013

Mit ARIA 1.0 können fortgeschrittene Steuerelemente für Screenreader barrierefrei gemacht werden. Insbesondere müssen die Tastatursteuerung und Semantik berücksichtigt werden. Wie eine konkrete Umsetzung aussehen kann, zeigt das Beispiel einer Tri-State-Checkbox. |  Kommentare: 8

Graffiti: Totenkopf mit Kopfhörer

Einstieg in ARIA 1.0 – Teil I

Das role-Attribut: Worauf es ankommt

von Jan Hellbusch am 07.12.2013

Für Webworker bedeutet es immer eine Herausforderung, dynamische Anwendungen mit Barrierefreiheit in Einklang zu bringen. ARIA 1.0 (Accessible Rich Internet Applications) will diese Lücke schließen. Mit dem role-Attribut bietet ARIA dazu ein mächtiges Werkzeug. Allerdings muss dieses auch richtig eingesetzt werden, damit Tastatur- und Screenreader-Nutzer etwas davon haben. |  Kommentare: 3

Mr. Kopozky und sein Team als Rockband

Kolumne

Like A Rolling Webdev

von Matthias Mees am 06.12.2013

Eine Zeit lang war kaum ein (englischsprachiger) Artikel über Webentwicklung zu lesen, in dem nicht mindestens einmal der Begriff »Rockstar Web Developer« erwähnt wurde. Natürlich gehört dieser Begriff zu den üblichen, aus unserer Sicht übertriebenen, Metaphern solcher Artikel – aber ist vielleicht doch etwas dran? Wie viel Rock ’n’ Roll steckt eigentlich in den üblichen Rollen eines typischen Webworker-Teams? |  Kommentare: 7

Brille auf einem Buch

Contenterstellung für SEO

Von Keywordspam zu guten Inhalten

von Stefan David am 05.12.2013

Websites bestehen nicht nur aus Technik im Front- und Backend sondern auch aus Inhalten – zumindest sollte das so sein; wozu gäbe es sonst die Website? Aber wie müssen diese Inhalte beschaffen sein, um die Suchmaschinenoptimierung der Website zu unterstützen? Und das nicht nur kurzfristig, sondern möglichst nachhaltig? |  Kommentare: 21

Die mobile Ansicht bei Entertainment Weekly zeigt komplexe Menüstrukturen

Navigation im responsive Design – Teil II

Komplexe Mobil-Navigation mit und ohne Javascript

von Renate Hermanns am 04.12.2013

Bei Websites mit vielen Inhalten werden auch die Navigationen umfangreicher. Ein großes Menü, das auf dem Desktop optisch anspruchsvoll ausklappt, wirkt auf einem SmartPhone aber überladen und störend. Für solch komplexen Menüs braucht es also andere Lösungen im mobilen Bereich. |  Kommentare: 1

Die responsive Navigation gehört heute zwingend in die Planung eines Webauftritts

Navigation im Responsive Design – Teil I

Einfaches Dropdown oder elegantes Styling

von Renate Hermanns am 03.12.2013

Eine moderne Website berücksichtigt mobile Endgeräte. In vielen Fällen setzen Webworker dafür auf CSS3-Media-Queries, bekannt unter dem Begriff »Responsive Design«. Auch die Navigation wäre einfach mit CSS zu gestalten, gäbe es da nicht das Problem mit der Hover-Funktion auf Touchscreen-Geräten. Wer für die mobile Navigation einfach nur die geschachtelte Liste des Menüs sichtbar macht, sorgt für Benutzerfreundlichkeit. Ein optischer Leckerbissen ist das aber nicht. Glücklicherweise gibt es Alternativen. |  Kommentare: 5

Vorhängeschloss

Websites abdichten

Mehr Sicherheit im Frontend durch HTTP-Header

von Frederic Hemberger am 02.12.2013

Die Sicherheit von Webseiten wird von vielen Frontend-Entwicklern gerne als »Backend-Thema« abgeschoben – zu Unrecht, wenn man bedenkt, dass die meisten Angriffe das Einschleusen von Schadcode über das Frontend voraussetzen. Auch wenn es immer Mittel und Wege geben wird, die Sicherheit von Webseiten zu kompromittieren, kann potentiellen Angreifern mit einfachen Handgriffen ihre Arbeit deutlich erschwert werden. |  Kommentare: 11

Screenshot: Snow Fall

Geschichten erzählen mit modernen Webtechniken

Interactive Storytelling

von Mathias Schäfer am 01.12.2013

Mit modernen Webtechniken lassen sich beeindruckende multimediale Präsentationen erstellen. Aus Text, Bildern, Daten, Audio- und Video-Elementen entstehen so spannende Geschichten und Welten, die Leser interaktiv entdecken können. Die grundlegenden Techniken eignen sich auch für kleinere Projekte. |  Kommentare: 10

Seiten