Clik here to view.
Interactive Storytelling
Geschichten erzählen mit modernen WebtechnikenMit modernen Webtechniken lassen sich beeindruckende multimediale Präsentationen erstellen. Aus Text, Bildern, Daten, Audio- und Video-Elementen entstehen...
View ArticleClik here to view.
Mehr Sicherheit im Frontend durch HTTP Header
Websites abdichtenDie 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...
View ArticleClik here to view.
Einfaches Dropdown oder elegantes Styling
Navigation im Responsive Design – Teil IEine moderne Website berücksichtigt mobile Endgeräte. In vielen Fällen setzen Webworker dafür auf CSS3-Media-Queries, bekannt unter dem Begriff...
View ArticleClik here to view.
Komplexe Mobil-Navigation mit und ohne Javascript
Navigation im responsive Design – Teil IIBei Websites mit vielen Inhalten werden auch die Navigationen umfangreicher. Ein großes Menü, das auf dem Desktop optisch anspruchsvoll ausklappt, wirkt auf...
View ArticleClik here to view.
Von Keywordspam zu guten Inhalten
Contenterstellung für SEOWebsites 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...
View ArticleClik here to view.
Like A Rolling Webdev
KolumneEine 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...
View ArticleClik here to view.
Das role-Attribut: Worauf es ankommt
Einstieg in ARIA 1.0 – Teil IFür Webworker bedeutet es immer eine Herausforderung, dynamische Anwendungen mit Barrierefreiheit in Einklang zu bringen. ARIA 1.0 (Accessible Rich Internet Applications)...
View ArticleClik here to view.
Tri-State-Checkbox: Mit Tastatur und Screenreader bedienbar
Einstieg in ARIA 1.0 – Teil IIMit ARIA 1.0 können fortgeschrittene Steuerelemente für Screenreader barrierefrei gemacht werden. Insbesondere müssen die Tastatursteuerung und Semantik berücksichtigt...
View ArticleClik here to view.
Ambient Light Responsive Webdesign
Gerätesensoren per Javascript und CSS nutzenResponsive Websites können nicht nur auf die Änderung des Browserfensters reagieren – auch die Umgebungshelligkeit kann die Gestaltung beeinflussen. Mit...
View ArticleClik here to view.
Struktur und Organisation in SASS-Projekten
CSS-PräprozessorenAlle 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...
View ArticleClik here to view.
Formulare für mobile Geräte optimieren
HTML5Für das input-type-Attribut sieht HTML5 viele neue Werte vor. Mit der Wahl des richtigen Wertes wird auf mobilen Geräten die passende Tastatur »getriggert«. Durch kleine Anpassungen im HTML wird...
View ArticleClik here to view.
Eine Extrawurst für oldIE
SASS für ältere IE nutzenDie alten Internet Explorer bis Version 8 haben viele Techniken nicht implementiert, die Webworker heute gerne und oft nutzen. In solchen Fällen kann der Präprozessor SASS...
View ArticleClik here to view.
Tage wie dieser
KolumneWie sieht der normale Tag eines selbstständigen Webdesigners aus? Darauf können auch wir pauschal keine Antwort geben. Klar ist nur, dass öde Routine nur selten dazugehört. Oft sind es die...
View ArticleClik here to view.
Durch die Brille des Nutzers I
Usability Engineering: Arbeiten mit NutzungsanforderungenUm interaktive Systeme mit hoher Usability zu entwickeln, ist es notwendig, die Nutzungsanforderungen zu kennen und in geeignete technische...
View ArticleClik here to view.
Durch die Brille des Nutzers II
Usability Engineering: Benutzerzentrierte Analysen in der PraxisDie benutzerzentrierte Analyse hilft dabei, Websites und Web-Anwendungen so zu gestalten, dass sie nützlich und effizient sind. Die...
View ArticleClik here to view.
Der Workflow lernt fliegen
Bower Package ManagerEin neues Projekt steht an. Für die Web-Applikation wird Modernizr, jQuery, normalize.css und Handlebars sowie das jQuery Plugin lazyload benötigt. Die Komponenten sucht sich der...
View ArticleClik here to view.
Zeile für Zeile
Syntax-HighlighterWer als Webworker für Online-Magazine oder sein eigenes Blog schreibt, wird früher oder später auch Code-Beispiele bringen. Der Quelltext ließe sich schlicht mit code und pre...
View ArticleClik here to view.
Drei unter einem Dach
Pointer-Events für Maus, Stylus und TouchscreenUm Interaktionen über einen Touchscreen zu berücksichtigen, müssen Entwickler oft separaten Code für Maus- und Touch-Events schreiben. Im Internet...
View ArticleClik here to view.
Over
Was heutzutage alles in den Head muss – und was nichtRené Descartes sagte einmal »Denn es ist nicht genug einen guten Kopf zu haben; die Hauptsache ist ihn richtig anzuwenden«. Auch wenn Descartes...
View ArticleClik here to view.
More Over: Social Media
Was heutzutage alles in den head muss – Teil IITagtäglich posten Millionen Nutzer etliche Links in den sozialen Netzen. Es heißt, allein auf Facebook werden alle zwanzig Minuten eine Million Links...
View Article