Webkrauts Logo

Webkrauts Webkrauts Schriftzug

- für mehr Qualität im Web

Adventskalender 2009

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.

ZenCoding - Schneller ans Ziel kommen

von Jens Grochtdreis am 24.12.2009

Viele Texteditoren und Entwicklungsumgebungen erleichtern und beschleunigen durch Hilfestellungen die Arbeit. Hinter unserem letzten Türchen stellt Jens Grochtdreis einen Ansatz vor, der in vielen unterschiedlichen Editoren die Arbeit enorm beschleunigen kann. |  Kommentare: 5

Gut gebrüllt, Löwe!

von Nicolai Schwarz am 23.12.2009

Wer für sinnvolle Quelltexte eintritt, der kann auch für gute Texte streiten. Denn auch das gehört zur »Qualität im Web«. Nicolai Schwarz gibt ein paar einfache Tipps für besseren Stil. |  Kommentare: 15

Mediengerechte Website-Konzeption

von Nils Pooker am 22.12.2009

Nachdem Holger Könemann mit seinem Beitrag Anfang Dezember die »Nutzer-zentrierte Konzeption« beschrieben hat, fokussiert Nils Pooker den Blick auf die konzeptionellen Besonderheiten des Mediums Web. |  Kommentare: 5

Von Transitionen und Animationen

von Eric Eggert am 21.12.2009

Weihnachten, Zeit der Besinnlichkeit, aber auch Zeit der Dekoration. Hinter unserem heutigen Türchen zeigt Eric Eggert wie Webseiten mit Transitionen und Animationen dekoriert werden können. |  Kommentare: 4

Formularfelder richtig beschriften

von Marco Zehe am 20.12.2009

Formulare sind neben Links wohl diejenigen Konstrukte, mit denen wir es beim täglichen Surfen und Arbeiten im Web am häufigsten zu tun aben. Und doch passieren hier bei der Entwicklung viele Fehler. Marco Zehe zeigt in seinem Artikel häufige Fehler und wie diese richtig vermieden werden können. |  Kommentare: 22

Inspiration zum Sammeln und Tauschen

von Fabian Tempel am 19.12.2009

In den eigenen Inspirationsquellen den Überblick bewahren und eine nützliche Sammlung umwandeln: Mit Hilfe von Littlesnapper (Mac) und Ember stellt Fabian Tempel einen möglichen Weg der Aufbereitung vor. |  Kommentare: 7

Schafe im Schnee

von Sandra Kallmeyer am 18.12.2009

Bilder machen jede Webseite schöner, genauso wie Schnee im Winter die Landschaft schöner macht. Doch wenn der Schnee schmilzt oder die Bilder nicht angezeigt werden, kann das ein trostloser Anblick sein. Sandra Kallmeyer zeigt, wie man trotz abgeschalteter Bilder nicht auf Informationen verzichten muss. |  Kommentare: 4

Webinhalte einfach vermischen mit YQL

von Christian Heilmann am 17.12.2009

Das Netz stellt uns die unterschiedlichsten Informationen zur Verfügung. Wir müssen nur zugreifen und sie für unsere eigenen Ziele zusammenstellen. Christian Heilmann zeigt heute, wie wir mit YQL recht einfach verschiedene APIs abfragen und ihre Antworten sinnvoll aufbereiten können. |  Kommentare: 11

Standardkonforme Photoshop-Slices

von Maxx Hilberer am 16.12.2009

Der Export von Photoshop-Slices ist vielen Webdesignern als Relikt tabellenbasierter Layouts bekannt. Maxx Hilberer zeigt, wie man diese Funktion elegant und standardkonform nutzen kann. |  Kommentare: 7

Kürzere Ladezeiten durch CSS-Sprites

von Tobias Otte am 15.12.2009

Heute schrauben wir an der Performance: CSS-Sprite sind vor allem durch Hover-Effekte bekannt geworden, helfen aber auch dabei, die Anzahl an HTTP-Request zu verringern. Tobias Otte zeigt, wie es geht. |  Kommentare: 7

Tools für Mac OS

von Gerrit van Aaken am 14.12.2009

Die hohe Apfeldichte auf den einschlägigen Konferenzen beweist es: Mac OS X ist unter Web-Profis mindestens ebenso verbreitet wie Windows. Welche Entwicklertools ihr exklusiv für das Apple-Betriebssystem bekommt, verrät Mac-Veteran Gerrit van Aaken. |  Kommentare: 15

Tools für Windows

von Vladimir Simovic am 13.12.2009

Auch wenn ein großer Teil der Webwork-Tools mittlerweile plattformübergreifend vorhanden ist, gibt es dennoch die eine oder andere Software-Perle, die nur unter Windows läuft. Vladimir Simovic stellt einige Tools vor, die er in der täglichen Arbeit nutzt. |  Kommentare: 7

Alternativen zu Photoshop

von Marcus Hofbauer am 12.12.2009

Branchenprimus Photoshop von Adobe dominiert den Markt der Bildbearbeitungsprogramme. Auch für Webdesigns wird es häufig eingesetzt, doch es gibt weit günstigere Alternativen. Marcus Hofbauer stellt heute zwei vor. |  Kommentare: 11

Verliere nicht den :focus

von Patrick Lauke am 11.12.2009

Nutzer einer Tastatur freuen sich, wenn eine Webseite auch grafisch deutlich macht, wo sich gerade der Fokus befindet. Das geschieht oft mit einer einfachen Outline. Designer hingegen möchten die Outline in der Regel lieber unterdrücken. Patrick H. Lauke zeigt heute, wie Webworker es beiden Gruppen recht machen können. |  Kommentare: 6

Der Umgang mit standardbefreiten Kollegen

von Nils Pooker am 10.12.2009

Wichtige Entscheidungen für das Frontend sind oft von Kollegen abhängig, die sich für geltende Webstandards oder andere Qualitätsmerkmale der modernen Webentwicklung nicht interessieren. Nils Pooker erläutert die Hintergründe und zeigt Wege, wie ihr dieser Problematik sinnvoll und erfolgreich begegnet. |  Kommentare: 14

Das Styling der Anderen

von Eric Eggert am 09.12.2009

Von Zeit zu Zeit werden Webworker mit fremden CSS-Dateien konfrontiert. Gerade wenn sie von jemanden erstellt wurden, der unerfahrenen mit CSS ist, ist es wichtig, sich einen Überblick über die Dateien zu verschaffen. Eric Eggert zeigt, wie er diese Aufgabe angeht. |  Kommentare: 0

Hilfsmittel für Aufwandsschätzungen

von Michael Jendryschik am 08.12.2009

Aufwandschätzung, Ressourcenplanung und darauf basierende Terminpläne sind bei allen Arten von Projekten essentiell für deren Erfolg. Das gilt für die Organisation von Umzügen oder Geburtstagspartys nicht weniger als für Softwareprojekte oder die Erstellung von Websites. Michael Jendryschik stellt zwei einfache Hilfsmittel vor, die Schätzer dabei unterstützen, eine hohe Schätzgüte zu erreichen: das Gesetz der großen Zahlen und die Dreipunktschätzung. |  Kommentare: 20

Spamsichere E-Mail-Adressen mit dem »Email Address Encoder«

von Matthias Mees am 07.12.2009

Eine in Klartext im Netz veröffentlichte E-Mail-Adresse zieht Spam an wie das Licht die Mücken. Matthias Mees zeigt eine einfache, aber wirksame Methode, die Email-Adressen in Textform oder als Link zu schützen. |  Kommentare: 26

Mixtape für Webworker

von Johannes Ries am 06.12.2009

Am Nikolaustag gibt's was Besonderes: Johannes Ries öffnet einen großen Sack mit Musik. Von Gitarrenpop bis Indierock hat er für alle artigen und nicht so artigen Webworker ein Mixtape zusammengestellt. |  Kommentare: 2

Zugänglich – und bequem – twittern

von Maik Wagner am 05.12.2009

Twitter ist bis heute dafür bekannt, weder besonders webstandard-konform noch barrierefrei zu sein. Maik Wagner stellt den webbasierten Twitter-Client »Accessible Twitter« vor, mit dem sich bequem und zugänglich twittern lässt. |  Kommentare: 7

Halbe Pixel, doppelte Probleme

von Gerrit van Aaken am 04.12.2009

So sagt ihr den Subpixeln in Photoshop den Kampf an: Endlich saubere Vektoren ohne verwaschene Kanten – Gerrit van Aaken zeigt Ursache und Gegenmaßnahme! |  Kommentare: 23

Nutzer-zentrierte Konzeption

von Holger Könemann am 03.12.2009

Insbesondere Kunden möchten oft schnell »was sehen« – und so beginnen neue Webprojekte viel zu oft mit einem Design statt mit der Konzeption. Holger Könemann stellt heute die Vorteile von Personas und Storyboards vor. |  Kommentare: 9

Snippely. Code-Schnipsel unkompliziert sammeln

von Sandra Kallmeyer am 02.12.2009

Ordnung ist das halbe Leben. Doch wer möchte schon sein halbes Leben aufs Ordnung halten verwenden? Mit geeigneten Tools geht das viel schneller. Sandra Kallmeyer stellt Snippely zur effizienten Code-Schnipsel-Verwaltung vor. |  Kommentare: 17

Ein Faltblatt für Internet-Ausdrucker

von Ralf Graf am 01.12.2009

Der Adventskalender der Webkrauts startet wieder durch. Jeden Tag gibt es hier bis Weihnachten Tipps und Tricks. Hinter dem ersten Türchen zeigt Ralf Graf, wie der Ausdruck einer Website mit einer Handvoll CSS3-Befehle in ein praktisches Faltblatt verwandelt werden kann. |  Kommentare: 11