Wirf bitte zuerst einen Blick auf die erste Rubrik Allgemeine Tutorials und Fachseiten. Dort werden einige wichtige/interessante Links genannt, die eventuell in den Teilbereichen nicht mehr vorkommen.
Ich bin für jeden Linkvorschlag dankbar. Vor allem brauche ich noch einige Vorschläge in den leeren Bereichen, von denen ich teilweise keine Ahnung habe (Flash, JS) oder keine Seiten kenne (Datenbankmodellierung).
Hinweis:
Diese Seite kann auch über http://links.webgefluester.com erreicht werden.
| Name |
Beschreibung |
| World Wide Web Consortium (W3C) |
Das W3C ist das internationale Gremium, welches die Empfehlungen für Webstandards entwickelt und veröffentlicht. |
| good-tutorials |
Tutorials zu den wichtigsten Webdesigngebieten (CSS, Flash, HTML, Photoshop, PHP,...) |
jendryschik.de
Webentwicklung |
Die Seite von Michael Jendryschik bietet eine Einführung in XHTML, CSS und Webdesign, sowie diverse themenbezogene Artikel |
meiert.com
Publikationen |
Diverse interessante Artikel rund um (X)HTML, CSS, Barrierefreiheit, Design, ... von Jens Meiert |
| Dr. Web Magazin |
Große Auswahl an Artikeln zum Thema Webdesign. |
| AboutWebDesign Online-Magazin |
Diverse Artikel aus allen Bereichen des Webdesigns. Teilweise schon ein paar Jahre alt, aber dennoch interessant. |
| Name |
Beschreibung |
| W3C Markup Validation Service |
Markup (HTML, XHTML) Validator des W3C |
| W3C CSS Validation Service |
CSS Validator des W3C |
| Validome Validierungs-Service |
Markup (HTML, XHTML) Validator. Überprüft die Seite ausführlicher, als der Service vom W3C |
| HTML Validator |
Frefox Add-on, welches beim Surfen die Validität der angezeigten Webseite überprüft. |
| Onlinehandbuch der Suchmaschinenoptimierung |
Ausführliches Handbuch zu allen SEO-Kriterien |
| SEO-united.de - Tutorial über Suchmaschinenoptimierung |
SEO-Tutorial |
| ODP/dmoz |
Das ODP/dmoz ist die erste Adresse, bei der man seine Seite eintragen sollte. Tipps für den ersten Eintrag ins ODP gibt es eine Reihe tiefer. |
| Suchmaschinenoptimierung leicht gemacht - ODP |
Auflistung von wertvollen Tipps zum ODP-Eintrag |
| Pagerank/Backlink - Update History |
Auflistung der letzten Google Pagerank und Backlink Updates sowie Prognosen für die nächsten Updates. |
| Webkatalog Verzeichnis |
Übersicht der wichtigsten Webkataloge, sortiert nach PR oder Thema |
| Qualidator |
Bewertet Websites nach Benutzerfreundlichkeit, Zugänglichkeit und Suchmaschinenoptimierung. Qualidator geht im Gegensatz zu einigen anderen Bewertungssystemen nicht so stark auf Pagerank und Suchbegriffe ein. Es listet überwiegend Qualitätsmerkmale auf. |
seitwert -
Unabhängige Bewertung deutschsprachiger Websites |
Die Bewertungskriterien von Seitwert beziehen sich überwiegend auf die Sichtbarkeit in Suchmaschinen, den Google Pagerank und Alexarang, sowie die Möglichkeit bei anderen Suchmaschinen gefunden zu werden. Die Qualität der Seite macht lediglich 13% des Gesamtergebnisses aus. |
webagogo -
professional website analysis |
Webagogo scheint ein gesundes Mittelmaß von Qualidator und seitwert zu sein. Es geht sowohl auf die Qualität der Seite ein, als auch auf das Ranking. |
| Name |
Beschreibung |
| css4you.de |
CSS Referenz
kurzes allgemeines Tutorial, Beispiele für CSS-Layout und diverse Tipps und Tricks |
| css4you.de - Browserkompatibilitätsliste |
Übersicht über die Browserkompatibilität von allen CSS-Attributen. |
| CSS2-Spezifikation |
Deutsche Übersetzung der CSS2 Spezifikation des W3C |
| CSSplay |
Stu Nichols' Seite bietet eine Menge Beispiele für Seiten- und Menülayouts mit CSS.
Auch wenn die Techniken teilweise mit diversen Hacks überarbeitet werden mussten, so kann man sich dennoch Ideen holen und tiefgründiges CSS kennenlernen. (Englisch) |
| css Zen Garden |
"Die Schönheit der CSS Gestaltung"
Schöne Beispiele für Websites, die mit CSS realisiert wurden. |
| CSS Showcase |
Vitaly Friedmans CSS Showcase zeigt diverse CSS Menütechniken von anderen Seiten (Englisch). |
| Little Boxes |
Übersicht von verschiedenen Boxmodellen (Englisch). |
| Name |
Beschreibung |
|
In Arbeit... |
| Name |
Beschreibung |
|
In Arbeit... |
| Name |
Beschreibung |
|
In Arbeit... |
Ich habe das Gefühl, dass Photoshop das Gebiet ist, von dem es die meisten Tutorials im Netz gibt und es ist verdammt schwer diese Seiten durchzusehen und zu entscheiden, welche brauchbar sind. Vor allem in diesem Bereich bin ich dankbar für jede Linknennung. Wenn ihr eine gute Seite kennt, dann teilt sie mir bitte mit.
| Name |
Beschreibung |
| BR-alpha Bildbearbeitungstutorial |
Dieses Tutorial bietet einen kompletten Einstieg in Photoshop. Es werden alle Schritte direkt vorgeführt und man bekommt das Material um es nachzumachen.
Leider wird bei den Lehrvideos Photoshop 7 verwendet. Mit neueren Versionen muss man also leicht umdenken. Dennoch kennt man die wichtigsten Funktionen und Möglichkeiten nach der Durcharbeitung des Tutorials. |
Ulf Theis Webdesign -
Photoshop Tutorial |
Sehr interessantes Tutorial, das sowohl einen Einstieg bietet, als auch praxisbezogene Beispiele zeigt. |
PST -
PhotoShopTutorials |
Sammlung an PS Tutorials in vielen detaillierten Einzelschritten. |
| GIMP-Forum 2.0 |
GIMP Community |
| Name |
Beschreibung |
| W3C Sites |
Eine Sammlung von knapp über 10.000 validen Seiten.
Wenn man selbst im Besitz einer validen Seite ist lohnt es sich auch diese einzutragen. Neben der guten Werbung hat man bei einer PR6-Seite auch einen passablen Backlink. |
| Open Designs |
Fertige, kostenlose Designs. |
| Web Creme |
Auflistung von diversen hübschen Seiten. |
| Name |
Beschreibung |
| aboutpixel.de |
Sammlung kostenloser Bilder. Teilweise sind einige brauchbare Schmuckstücke dabei. |
| piqs.de |
Sammlung kostenloser Bilder. Teilweise sind einige brauchbare Schmuckstücke dabei. |
| Photocase |
Sehr viele ausgefallene und gute Bilder. Mit 1€ pro Credit (1 Credit pro Bild) auch sehr günstig. Jeden Montag gibt es außerdem min. 3 Credits gratis. Für Fotouploads gibts es 5 Credits und ggf. Provision. |
| fotocommunity |
Sehr große Bildauswahl. Preise müssen direkt mit den Fotografen besprochen werden. Die meisten stellen ihre Bilder aber für einen Link oder eine Namensnennung zur Verfügung. |
| fotolia.de |
Sehr große Sammlung an Bildern zu einem günstigen Preis. Je nach Größe kostet ein Bild 1-3 Credits (0.83€/Credit). |
| deviantArt |
Fotos, Grafiken, Selbstgezeichnetes. Preise und Nutzungsrechte müssen direkt abgesprochen werden. |
| stock.xchng |
Wie bei aboutpixel kann man auch hier unter den kostenlosen Bildern über einige brauchbare stolpern. (Teilweise haben diese Lizenzeinschränkungen) |
| STOCKXPERT |
Hochwertigere Bilder, als bei stock.xchng, dafür aber kostenpflichtig. (1-5 Credits/Bild - 1$/Credit) |
| Name |
Beschreibung |
| dafont.com |
Sehr große Auswahl an Schriftarten. Einige sind Freeware, andere Shareware, Public Domain oder Demos. |
| better fonts |
Sehr große Auswahl an Schriftarten. Lizensen sind wie bei oben genannter Seite unterschiedlich. |
| SimplytheBest Fonts |
Die meisten Schriftarten sind Freeware, aber es sind auch einige gewerbliche dabei. |
| 1001 Fonts |
Ausschließlich kostenlose Schriftarten. Es wird aber teilweise für kommerzielle geworben. |
| Font River |
Das Ziel von DE.FontRiver.com ist es, unsere Besucher mit den bekanntesten kostenlosen Schriftarten und Dingbats für Windows und Mac zu versorgen. |
| Name |
Beschreibung |
| Mozilla Firefox |
Gecko-Engine
Bietet eine Menge kostenloser Add-ons. |
| Mozilla Seamonkey |
Gecko-Engine
Mischung aus Browser, E-Mail Client und Webentwickler Tools. |
| Opera |
Presto-Engine
Bietet einige Features, die Firefox höchstens durch Add-ons erhalten kann. Leider ist die Auswahl an sinnvollen Widgets (Add-ons) klein und es gibt bisher keine Diagnoseprogramme, welche fürs Webdesign benötigt werden. Für den Privatanwender bietet Opera eine gute Alternative zum Firefox. |
| Internet Explorer Upgrade v.6→v.7 |
Trident-Engine
Vor der Version 7 war der IE mit Bugs und Darstellungsfehlern überlaufen. Inzwischen versucht Microsoft sich mit den Webstandards anzufreunden. Einige Darstellungsfehler gibt es immer noch. Außerdem gibt es kaum kostenfreie Add-ons. Weder privat, noch zur Webentwicklung zu empfehlen. |
| Multiple IE |
Trident-Engine
Parallele Installation der Internet Explorer Versionen 3, 4.01, 5.01, 5.5, 6 möglich. Zumindest v6 sollte installiert werden. Zum normalen Surfen sind alle Versionen nicht geeignet. |
| Safari 3 für Windows |
KHTML-Engine
Der Apple-Browser als Windowsvariante. Enthält noch diverse Sicherheitslücken und sollte wie der IE lediglich zum testen der Seiten genutzt werden. |
| Lynx |
Textbrowser |
| Name |
Beschreibung |
| Inspect this |
Zeigt gewähltes Objekt direkt im DOM Inspector an. |
| Web Developer |
Nützliche Tools für die Fehlersuche auf Websites. |
| Firebug |
Alternative/Ergänzung zu Web Developer. Bietet die Möglichkeit den Quellcode zu bearbeiten und sich die Veränderungen direkt anzeigen zu lassen. |
| HTML Validator |
Überprüft beim Surfen die Validität der angezeigten Webseite |
| IE Tab |
Ansichtswechsel zur Trident Engine des IE7 |
| Measure It |
Werkzeug zum Messen eines beliebigen Bereiches. |
| Color Zilla |
Liest den Farbcode von der Stelle aus, die der Cursor berührt. |
| Palette Grabber |
Speichert sämtliche Farbcodes einer Seite als Palette. |
| Firefox Wörterbücher |
Diverse Wörterbücher |
| Adblock Plus |
Werbeblocker |
| All-In-One Gestures |
Ermöglicht Mausgesten beim Firefox |
| Foxy Tunes |
Steuerung diverser Player (z.B. WinAmp, iTunes, Windows Media Player, foobar2000, ...) über eine Browserleiste |
| FEBE |
(Firefox Environment Backup Extension)
Backuptool für Extensions, Themes, Bookmarks, ... |
| Opera developer tools |
Webentwickleroberfläche für Opera |
| IE Developer Toolbar |
Web Developer Toolbar für den IE7 |
| Name |
Beschreibung |
| Photoshop |
|
| GIMP |
Open Source Bildbearbeitungsprogramm |
| Inkscape |
Open Source Vektorgrafikeditor |
| Irfanview |
Einfaches, kostenloses Bildbetrachtungsprogramm. Bietet die Möglichkeit zur schnellen Thumbnailerstellung. |
| Name |
Beschreibung |
|
In Arbeit |
| Name |
Beschreibung |
| Open Source CMS |
Übersicht der gängigsten CMS, inkl. Demo. |
| BlogHaus |
Übersicht und Vergleich der gängigsten Blog Systeme.
Die Daten sind zwar veraltet, als Richtlinie aber trotzdem zu gebrauchen. |
| Wordpress |
GPL-Blog. Im Gegensatz zu den meisten Alternativen ist der Quellcode valide. |
| b2evolution |
GPL-Blog. Ist im Ursprungszustand nicht valide. Die Fehler sind aber recht banal und sollten behebbar sein. |
|
Mehr ist in Arbeit. Mir fehlen noch einige Erfahrungsberichte. |
| Name |
Beschreibung |
|
In Arbeit... |
| Name |
Beschreibung |
| Forensoftware Vergleich |
Vergleich diverser Forensoftwares. Leider sind nicht alle dabei und die Seite ist nicht immer auf dem neusten Stand. Dennoch bietet sie eine ganz nette Übersicht. |
| phpBB |
Kostenlose GPL Boardsoftware. Relativ einfach zu konfigurieren, große Community, viele Templates. |
| Woltlab Burning Board Lite |
Der kleine, kostenlose Bruder vom Woltlab Burning Board. Weniger Funktionen im Board- und Adminbereich. Update zum normalen Burning Board möglich. |
| Simple Machines Forum |
Kostenloses Forum. (Hab nicht viel darüber gehört. Würde mich über Erfahrungsberichte freuen!) |
| vBulletin |
Kostenpflichtige Boardsoftware. Bietet kostenlosen, professionellen Support an. |
| Woltlab Burning Board |
Kostenpflichtige Boardsoftware. Bietet kostenlosen, professionellen Support an. |
| Forumieren.de |
Bei Forumieren kann man ein kostenloses (phpBB) Forum ohne Kenntnisse ins Netz stellen und kostenlos hosten. (Hab nicht viel darüber gehört. Würde mich über Erfahrungsberichte freuen!) |
| Name |
Beschreibung |
|
In Arbeit... |
| Name |
Beschreibung |
| Coppermine Gallery |
Ausführliche, GPL Galerie. Vorraussetzung sind PHP&MySQL |
| Pixlie |
Kostenlose, einfache Galerie, die keine Datenbank benötigt. |
| huddletogether.com - Lightbox v.2 |
Sehr schöne, kostenlose JavaScript Galerie von Lokesh Dhakar. (Bilder werden auch mit deaktiviertem JavaScript angezeigt.) |
| digitalia.be - Slimbox |
Schmalere (nicht schlechtere!) Version der Lightbox v.2 |
| Highslide JS |
Weitere JavaScript Alternative zu Lightbox und Slimbox, die auf den schwarzen Hintergrund verzichtet. |
| Airtight Interactive - Simpleviewer |
Flash Galerie - Sehr schön, aber leider ohne installiertem Flashplayer nicht nutzbar. |