Webdesign - Tools, Tipps und Hilfen

Die Webseiten in dieser Liste bieten Informationen rund um Zugänglichkeit, CSS, Layout und Barrierefreiheit. Manche sind beinahe unerschöpfliche Fundgruben des Wissens, andere bieten nur eine einzige Funktion, die es so sonst nirgends gibt.

Webdesign Tutorial

Es gibt viele Anleitungen für die Erstellung einer "guten" Webseite, aber keine ist so einfach, umfangreich und gründlich wie die, die Manuel auf seiner Seite erarbeitet hat. Von der Klärung grundlegender Begriffe, über Hilfen bei der Zielgruppendefinition, Konzeptionierung und barierrearmes Webdesign bis hin zur Suchmaschinenoptimierung bietet das "Webdesign Tutorial" einen für Anfänger wie Profis hilfreichen Fahrplan von der Idee bis zur fertigen Webpräsenz.

Mein Fazit: Dank direktem Feedback und ständigem Feintuning an den Erklärungen hat Manuel eine exzellente "Ich habe eine Webidee, wie helfe ich mir selbst?"-Anleitung geschaffen.

AnyBrowser

Cari D. Burstein started a campain to discourage browser specific web design. The page offers useful tips and links that can help to make your site accessible by all browsers, and better in general.

AnyBrowser is not meant to be a complete guide to HTML, but offers a look at web design from an accessibility point of view.

AtomEnabled

Atom is a simple way to read and write information on the web, allowing you to easily keep track of more sites in less time, and to seamlessly share your words and ideas by publishing to the web.

Created by leading service providers, tool vendors and independent developers, Atom is designed to be a universal publishing standard for personal content and weblogs. AtomEnabled shows you how to use and publish Atom-Content.

Barrierefreies Webdesign

Die Kunst, Webseiten so zu gestalten, die jeder nutzen kann. Informationen darüber, wie man die Zugänglichkeit (Accessibility) verbessert, warum es sich lohnt, das Internet barrierefrei gestalten und eine umfangreiche Hilfsmittel- und Werkzeugübersicht.

Browsershots

Bietet die Möglichkeit eine Webseite in 66 Browsern und auf verschiedenen Betriebssystemen darstellen zu lassen. Die wohl beste Möglichkeit ein neues Design auf Herz und Nieren zu testen! Deckt Fehler und Inkompatibilitäten gnadenlso auf. Leider fehlen noch Kleinbildschirm-Tests oder einige Handybrowser in der Liste - Unsterstützenswert ist die Seite allemal!

Color Schemer

Ein ungemein praktisches Tool, das die Auswahl "augenfreundlicher" Farben und Farbkombinationen erleichtert.

Dev Opera

Opera Developer Community is a community resource site where developers can share tips, tricks and extensions. This is the place where ideas are born! Many interesting articles about webdesign standards, fonts and more...

Google Insights

Das Insights Tool des Suchmaschinengiganten Google ermöglicht es, Veränderungen im Suchvolumen beliebiger Keywords nach zu vollziehen. Google verrät jedoch nicht die absoluten Zahlen, sondern die relative Häufigkeit mit der nach dem Begriff gesucht wird.

Besonderen Wert für die Keywordrecherche gewinnt Insights durch die Möglichkeit die Ergebnisse regional zu filtern. Neuerdings kann das Tool sogar "in die Zukunft sehen"!

Homepage Performance

Wer sich fragt, warum die eigene Seite so langsam ist und wer glaubt, dass Ladezeit heutzutage keine Rolle mehr spielt, sollte dringend mal bei Alexander vorbei schauen.

Der erarbeitet nämlich gerade eine angenehm spartanisch designte, dafür aber umso inhaltsreichere Website über die Optimierung der Homepage Performance.

Jens Meiert

Das Mitglied der W3C-Arbeitsgruppe Html ist ein Experte, wenn es um Zugänglichkeit und Bedienkomfort geht. Autor des Standardwerks "Webdesign mit CSS"

Juicy Studio

This page is provided to allow you to check the contrast of two colours using the W3C's colour contrast algorithm by specifying the colours directly.

Leitlinien der Softwareergonomie

Neben einem optisch ansprechenden Design ist gute Benutzbarkeit ein entscheidendes Kriterium für den Erfolg einer Website.
Die Seite bietet eine Checkliste, um potentielle Probleme der Benutzer schon im Voraus zu erkennen und zu beseitigen. Nicht superaktuell, aber dennoch jede Menge richtige Tipps!

Multicolr Search Lab

Looking for a special color? This site extracted the colours from 10 million Creative Commons images on Flickr. Using their visual similarity technology you can navigate the collection by colour. Also available with Alamy Stock Photography.

MyGeoPosition

Ein Projekt von Daniel Filzhut, das es erlaubt, die Geokoordinaten beliebiger Adressen zu bestimmen. Weitere Features sind unter anderem das Feintuning der gefundenen Position durch drag & drop eines Karten-Markers und die Ausgabe von Längen-/Breitengrad als Dezimalzahl oder Gradzahl.

PHP: Hypertext Preprocessor

Information about the widely-used general-purpose scripting language that is especially suited for Web development and can be embedded into HTML. Introductory tutorial for newbies, online manual and an archive with many example sites.

RegexBuddy

Your perfect companion for working with regular expressions. Easily create regular expressions that match exactly what you want. Clearly understand complex regexes written by others. Quickly test any regex on sample strings and files, preventing mistakes on actual data.

SELFHTML

Die bekannteste Dokumentation zu HTML, CSS, JavaScript und CGI/Perl - Tutorial und Referenz, mit etlichen Zusatztips zu Design, Grafik, Projektverwaltung usw. Gelungene Kombination aus Lehrbuchwissen und Netzwerk für Hilfe bei kokreten Problemen.