Steffens Bookmarks - Privater Katalog empfehlenswerter Webseiten

Webdesign - Tools, Tipps und Hilfen

Diese Bookmarks empfehlen

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
Das Webdesign Tutorial - Anleitung für die Kunst des Webdesigns - Screenshot

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
Viewable With Any Browser Campaign - Screenshot

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
AtomEnabled - Screenshot

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
Barrierefreies Webdesign - ein behindertengerechtes Internet gestalten - Screenshot

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
Browsershots - Teste Dein Webdesign in verschiedenen Browsern - Screenshot

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
Color Schemer - Harmonische Farben finden - Screenshot

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


Dev Opera
Opera Developer Community - Screenshot

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
Google Insights for Search - Screenshot

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
Tipps zur Optimierung der Homepage Performance - Screenshot

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
Jens Meiert - Webdesign, Webentwicklung, Barrierefreiheit und Usability - Screenshot

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
Juicy Studio - Colour Contrast Analyser - Screenshot

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
Software-Ergonomie und das World Wide Web - Screenshot

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
Get the most out of 10 million Flickr pics - Screenshot

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
Kostenlose Adress-Geocodierung und Erstellung von Geo-Metatags - Screenshot

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
PHP: Hypertext Preprocessor - Screenshot

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
Learn, Create, Understand, Test, Use and Save Regular Expressions  - Screenshot

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
SELFHTML - Html-Dateien selbst erstellen - Screenshot

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.


Eigenes Bookmark vorschlagen

Wenn Du eine Webseite kennst, die ich unbedingt in meine Bookmarksammlung aufnehmen sollte, oder wenn Du möchtest, dass Deiner Seite diese "Ehre" zuteil wird, dann verrate sie mir!

Informationen zum Bookmarkvorschlag
  1. Bitte erkläre mir in ein-zwei kurzen Sätzen, warum die von Dir vorgeschlagene Seite empfehlenswert ist. Das erhöht die Chancen, dass ich Deinen Vorschlag in meine Bookmarksammlung aufnehme enorm :)

  2. - Bitte die Ziffer sieben eintragen.

Ergänzende Funktionen

  1. Creative Commons BY-SA 3.0
  2. Blogverzeichnis - Blog Verzeichnis bloggerei.de
  3. UsualRedAnt.de bei Bloggeramt.de bewerten
  4. Impressum

↑↑ Zurück nach oben! ↑↑