Webkrauts Logo

Webkrauts Webkrauts Schriftzug

- für mehr Qualität im Web

Adventskalender 2008

Seit 2005 ist es gute Tradition auf webkrauts.de jedes Jahr aufs neue einen Adventskalender mit interessanten Themen aus dem Webbereich zu füllen. Es sind alle Themen vertreten, die Webworkern das Herz höher schlagen lassen. Von CSS3 und SASS über Wireframes und Tools hin zu SEO, Barrierefreiheit und dem mobilen Web.

Die Webkrauts wünschen sich was für 2009

von Nicolai Schwarz am 31.12.2008

Zum Ausklang des Jahres haben wir uns zu einem weiteren Team-Up zusammengefunden. Wir werfen einen Blick in die Zukunft des Webs und haben die Webkrauts gefragt: Welche Tools, Neuerungen, Denkweisen würden das Web(design) wirklich voran bringen? |  Kommentare: 5

Der Webkrauts-Jahresrückblick 2008

von Nicolai Schwarz am 26.12.2008

Wir runden unseren diesjährigen Adventskalender mit einem gemeinschaftlichen Rückblick ab. Welcher Trend, welches Ereignis, welches Produkt hat die Webkrauts in diesem Jahr besonders beeindruckt? |  Kommentare: 0

Schneller Layoutcheck mit Firebug und jQuery

von Jens Grochtdreis am 25.12.2008

Während der Arbeit an einer Webseite kann es zu Situationen kommen, in denen die DOM-Kontrolle in Firebug oder die Webdeveloper-Toolbar nur bedingt weiterhelfen können. Firebug und jQuery stellen dann eine fast unschlagbare Kombination dar. Jens Grochtdreis zeigt, wie das geht. |  Kommentare: 3

Vier CSS3-Tricks für sauberes HTML

von Eric Eggert am 24.12.2008

Das Fundament für gute Webseiten ist gutes, semantisches HTML. Eric Eggert zeigt, wie man visuelle Effekte mit CSS anwenden kann ohne den Quellcode des Dokuments anzutasten. |  Kommentare: 14

Die Dinge beim Namen nennen

von Nicolai Schwarz am 23.12.2008

»Nur wo X drauf steht, ist auch X drin.« Diesen Spruch kennen wir in verschiedenen Varianten aus der Werbung. Wir Webworker sollten uns an einen abgewandelten Spruch halten: »Wo X hinter steckt, steht auch X drauf«; meint Nicolai Schwarz und beschäftigt sich heute mit Navigationen. |  Kommentare: 2

Doppelt gewinkelte Klammer zu?

von Maik Wagner am 22.12.2008

Auch die kleinen Dinge einer Website lassen sich gut oder weniger gut umsetzen. Maik Wagner widmet sich heute den Trennungszeichen in Breadcrumbs. Tipps für eine verständliche Brotkrumennavigation. |  Kommentare: 12

Ohne Maus kein Käse. Events auf dem iPhone.

von Sascha Postner am 21.12.2008

Auf fast jeder Webseite finden sich heute Effekte, die durch das Überfahren mit dem Mauszeiger ausgelöst werden, sei es durch ein mit dem onmouseover-Event gestartetes Javascript oder die gute alte Pseudoklasse hover:. Das beliebte iPhone kann allerdings nicht mit allen Events umgehen. Sascha Postner nimmt sich der Sache an. |  Kommentare: 5

Checklisten für die Projektplanung

von Nils Pooker am 20.12.2008

Für kleine Webseiten ist die klassische Methodik mit mehreren Planungsphasen und den ausführlichen Stufen von Grob- und Feinkonzepten viel zu kompliziert. Nils Pooker zeigt als Alternative, wie man mit individuellen Checklisten schnell und effektiv zum Ziel gelangt. |  Kommentare: 7

Best Practices Interaktionselemente - Teil 2

von Stefan Nitzsche am 19.12.2008

Im gestrigen ersten Teil hat Stefan Nitzsche 13 Regeln zum Umgang mit Interaktionselementen aufgestellt. Im heutigen zweiten Teil gibt er konkrete Tipps zum Umgang mit speziellen Interaktionselementen. Der Inhalt des Artikels ist eine lose Regelsammlung und erhebt keinen Anspruch auf Vollständigkeit. |  Kommentare: 8

Best Practices Interaktionselemente - Teil 1

von Stefan Nitzsche am 18.12.2008

Dieser zweiteilige Artikel von Stefan Nitzsche soll darüber Aufschluss geben, was Interaktionselemente sind, welche es gibt, was man mit Ihnen anstellen kann und was besser nicht. Im ersten Teil findest du 13 allgemeine Regeln zur Verwendung von Interaktionselementen. |  Kommentare: 4

On-Site-Suchmaschinenoptimierung

von Moritz Gießmann am 17.12.2008

Heute geht es im Adventskalender um Suchmaschinenoptimierung. Moritz Gießmann stellt Grundlagen vor, die helfen können, das Ranking einer Webseite mit wenig Änderungen am Code nachhaltig zu verbessern. |  Kommentare: 10

Barrierefreiheit optimieren mit der Web Developer Toolbar

von Sylvia Egger am 16.12.2008

Barrierefreiheit ist für viele immer noch ein schwieriges Unterfangen. Wo nur anfangen? Genau da, wo man ohnehin mit Webstandards arbeitet. Sylvia Egger zeigt, wie man mit der Web Developer Toolbar einen Anfang macht. |  Kommentare: 7

CSS Live Editing oder: Pixelschubsen mit Echtheitsgefühlsgarantie

von Maxx Hilberer am 15.12.2008

Wer als Webdesigner mit CSS arbeitet, kontrolliert ständig das visuelle Erscheinungsbild des Web-Dokuments auf seinen korrekten Sitz, da es durch minimale Änderungen am Stylesheet zu Auswirkungen ungeahnten Ausmaßes kommen kann. Maxx Hilberer zeigt heute, wie man CSS direkt im Browser bearbeiten kann. |  Kommentare: 16

Sehr sehr schnelle Seiten - Website Performance Best Practice - Teil 2

von Dirk Ginader am 14.12.2008

Im heutigen zweiten Teil seines Überblicks über "Website Performance Best Practices" konzentriert sich Dirk Ginader auf die Optimierung von Javascript. |  Kommentare: 3

Sehr sehr schnelle Seiten - Website Performance Best Practice - Teil 1

von Dirk Ginader am 13.12.2008

Jede Website kann schnell sein und fast jede Website kann deutlich schneller sein, als sie es derzeit noch ist. Dirk Ginader stellt eine Zusammenfassung von "Website Performance Best Practices" vor, die jeder Website gut tun. |  Kommentare: 13

Sprich mit mir - Gelungene Onlinekommunikation

von Björn Seibert am 12.12.2008

Wenn Unternehmen ihre Besucher mit Marketing-Floskeln, Übertreibungen oder sinnlosem Bla Bla begrüßen, haben sie in der Regel am Kunden vorbei geschrieben. Björn Seibert zeigt heute, wie man es besser texten kann. |  Kommentare: 6

Die etwas besseren Listen - Teil 2

von Jan Hellbusch am 11.12.2008

Gestern wurde auf einige grundlegende Aspekte bei der barrierefreien Gestaltung von Aufzählungen mit HTML und CSS eingegangen. Heute zeigt Jan Eric Hellbusch ein Beispiel, wie JavaScript zur Förderung der Barrierefreiheit in Listen eingesetzt werden kann. |  Kommentare: 4

Die etwas besseren Listen - Teil 1

von Jan Hellbusch am 10.12.2008

Listen sind mittlerweile eine Selbstverständlichkeit in standardkonformem Webdesign, aber Liste ist nicht gleich Liste. Dieser Beitrag von Jan Eric Hellbusch geht auf konkrete Aspekte der Barrierefreiheit von Aufzählungen ein. |  Kommentare: 6

Der perfekte Suchschlitz

von Gerrit van Aaken am 09.12.2008

Beinahe jede Website im Netz bietet die Möglichkeit einer einfachen Volltextsuche über die Gesamtheit der Inhalte. Gut so! Worauf man bei der Gestaltung dieses kleinen Formulars achten kann, klärt dieser Artikel von Gerrit van Aaken. |  Kommentare: 13

Das richtige Grafikformat für den richtigen Zweck

von Dirk Jesse, Stefan Nitzsche am 08.12.2008

Grafiken sind eines der wichtigsten optischen Gestaltungsmittel von Webseiten. Zugleich haben sie durch Anzahl und Größe einen direkten Einfluss auf die Performance einer Webseite. Dirk Jesse und Stefan Nitzsche zeigen, welche Grafikformate sich für welche Anwendungszwecke eignen und wo die Stellschrauben für eine optimale Performance zu finden sind. |  Kommentare: 9

Gesprächsführung in der Kundenkommunikation

von Nils Pooker am 07.12.2008

Webdesign ist eine Dienstleistung. Projekte müssen im Kundengespräch zunächst einmal gewonnen werden, bevor sie geplant, konzipiert und umgesetzt werden. Nils Pooker erläutert die Fallstricke und sinnvolle Lösungsansätze für eine erfolgreiche Kundenkommunikation. |  Kommentare: 3

Blindtexte als Chance

von Nicolai Schwarz am 06.12.2008

Vor genau einem Jahr hat Nicolai Schwarz im Adventskalender noch einen Blindtext für Standardistas präsentiert. In diesem Jahr stellt er eine etwas andere Art von Blindtexten vor. |  Kommentare: 10

Grundregeln für zugängliches JavaScript

von Dirk Jesse am 05.12.2008

Im Zeitalter von Web 2.0 ist der Einsatz von JavaScript und Ajax vielerorts nicht mehr weg zu denken. Dabei liegt es in der Hand des Entwicklers, ob infolge des JavaScript-Einsatzes die Zugänglichkeit einer Seite behindert wird oder nicht. Dirk Jesse stellt dazu heute einen kleinen Best-Practice-Leitfaden vor. |  Kommentare: 10

Suche mit alles und scharf, BOSS?

von Christian Heilmann am 04.12.2008

Hinter BOSS steckt ein kostenloser Service von Yahoo. Damit lassen sich Webseiten durchsuchen, die Ergebnisse mit anderen Daten mischen und beliebig darstellen. Chris Heilmann zeigt, wie es geht. |  Kommentare: 9

Setz dich mit deinen Kollegen zusammen!

von David Maciejewski am 03.12.2008

Wie wichtig es ist, seine Arbeit und seine Quelltexte im Team gemeinsam und einheitlich zu strukturieren, erklärt David Maciejewski. |  Kommentare: 8

Denkanstöße für den täglichen Gebrauch

von Jens Grochtdreis am 02.12.2008

Immer wieder stolpert man während seiner Arbeit über die gleichen oder ähnlich gelagerten Probleme. Jens Grochtdreis gibt drei vielfach nutzbare Denkanstöße. |  Kommentare: 24

Stadt 2.0: Interaktiv und barrierefrei

von Ansgar Hein am 01.12.2008

Funktionen des Web 2.0 werden gemeinhin auf das »Globale Dorf« bezogen. Was aber, wenn diese Funktionalitäten und Techniken plötzlich auf ganz reale Städte und deren Online-Präsenzen treffen? Ansgar Hein zeigt, welche Lösungen sich technisch, finanziell und rechtlich bewerkstelligen lassen und wie es mit der Barrierefreiheit aussieht. |  Kommentare: 13