Fünf exzellente Firefox-Plugins für Webdesigner
Auswahl an Firefox-Erweiterungen | Für die Web-Entwicklung ist der Firefox-Browser unschlagbar. Über die Add-On-Schnittstelle integriert man unkompliziert Helferlein, die einem beim Webdesign den Alltag erleichtern, um bessere Webseiten zu bauen. Die folgenden fünf Plugins helfen bei der Gestaltung von Webseiten via XHTML und CSS, bei der Überprüfung von Suchmaschinenpositionen und Links sowie beim komfortableren Arbeiten mit Webseiten und Web-Services.
Firebug - Das beste Webdesign-Plugin für HTML-und CSS Entwickler
Das Webdesign-Plugin Firebug blendet man schnell über die Tastenkombination F12 oder über einen Klick auf das Firebug-Icon in der Statusleiste ein. Mit dem außergewöhnlichen Plugin bearbeitet man eigene sowie fremde Websites direkt über ein Eingabefenster, dass das Add-On unterhalb des Browserfensters einblendet. Schnell wendet man neue CSS-Befehle direkt auf der Webseite an oder untersucht sie. Außerdem hilft Firebug beim entwanzen (Debuggen) der eigenen Webseiten. Eine sehr edle und gelungene Erweiterung.
Download: Firebug
Web Developer Toolbar - Das zweitbeste Webdesign-Plugin
Lange Zeit bildete die Web Developer Toolbar mein Lieblingswerkzeug bei der Gestaltung von Webseiten bis es von Firebug vom Thron gestoßen wurde. Trotzdem verfügt die Web Developer Toolbar immer noch um einige Funktionen, die Firebug nicht aufweist. Um gute Websites zu bauen, hilft es, den Browser-Bildschirm auf Maße wie 1024×768 zurechtzustutzen. Schließlich entwickelt man Webseiten nicht für Designer und Agenturen mit riesigen Bildschirmen, sondern für normale Nutzer.
Weitere hilfreiche Funktionen der Toolbar sind das Ein- und Ausschalten von Bildern, schnelle Validieren der CSS-Dateien und schnelle An- und Ausstellen von Javascript. Manchmal sind auch die Hilfslinien ein wertvolles Werkzeug beim Vermessen von Spalten und Boxen.
Download: Web Developer
Greasemonkey: Websites komfortable mit Javascripts erweitern
Greasemonkey erlaubt dem Nutzer eigene JavaScript-Dateien im Browser auszuführen. Diese Scripte individualisieren das Erscheinungsbild und Verhalten der angezeigten Webseite ohne einen Zugriff auf die eigentliche Webseite vornehmen zu müssen. Dadurch erweitert Greasemonkey beispielsweise Webseiten um Funktionen, behebt Fehler in der Darstellung, bindet Inhalte anderer Webseiten ein und erledigt wiederkehrende Aufgaben automatisch.
Wer z.B. häufig Wikipedia-Artikel editiert, den unterstützt das Scipt WikEd. Mit Hilfe von Greasemonkey bindet man dieses in Firefox ein und erhält für die Bearbeitung von Wikipedia-Artikel einen komfortablen WYSIWYG-Editor - natürlich auch für alle anderen Wikis, die auf der MediaWiki-Software basieren. Weitere Greasemonkey-Scripte findet man unter www.userscripts.org und eine ausführliche Greasemonkey-Anleitung in Deutsch.
Download: Greasemonkey
Links auf Webseiten überprüfen mit Link-Checker
Manchmal sind es die kleinen Helferlein, die einem eine Menge Arbeit ersparen. Der Link-Checker kann nur eins, das aber richtig: Links einer Webseite auf Korrektheit überprüfen. Wer seine Artikel nocheinmal gegenprüfen möchte, lässt einfach den Link-Checker die Webseite durchchecken. Die kleine Firefox-Erweiterung startet man über das Kontextmenü (rechte Maustaste). Zeitsparend überprüft der Link-Checker auch lediglich markierte Abschnitte.
Download:Link-Checker
Suchmaschinenpositionen zu Keywords mit RankChecker abfragen
Suchmaschinenoptimierung ist eine spannende Wissenschaft bei welcher viel Google-Voodoo mitschwingt. Eine Tatsache in diesem Wettlauf ist aber unumstößlich: Die tatsächliche Suchmaschinenpositionierung von Websits. Um die Suchmaschinenpositionen seiner eigenen Website oder der von Kollegen auf dem Monitor zu überprüfen, nutzt man einfach den RankChecker. In Profilen legt man Suchwörter für verschiedene Domains und Webseiten an und schickt dann den RankChecker los, der in Google, Yahoo und Live.com die Suchergebnispositionen überprüft. Ein unglaublich hilfreiches Analysewerkzeug, dass mir das ein oder andere Mal schon Fragen beantwortet und ein besseres Verständnis für die Positionierung meiner Webseiten geliefert hat.
Download: RankChecker
Kategorie: Design
Buchkritik: Handbuch der Webnavigation von James Kalbach
Webdesign, Navigation und Benutzerführung | Auf 400 großformatigen und farbigen Seiten widmet sich James Kalbach ausführlich dem Thema Webnavigation, Webdesign und Usability. Wunderbar gegliedert, mit fundierten und fast schon ausschweifenden Erklärungen, jeder Menge Links und Studien zum Webdesign füttert der Experte den Leser mit Wissen. Ein mächtiges Kompendium, dass kaum eine Frage offen lässt und nur hier und da etwas langatmig und fast schon zu ausführlich ist. Listen & Read more »
Kategorie: Technik
Adminimize: WordPress-Plugin für mehr Übersicht und Workflow
Dieser Beitrag ist Teil der Exzellente WordPress-Plugins-Serie
Komfortabler Bloggen | Mit dem formidablen WordPress-Plugin Adminimize gestaltet man das Aussehen seines WordPress-Backends. Funktionen, Eingabefelder und Farben passt man übersichtlich über die Plugin-Admin-Oberfläche an. Mit Adminimize blendet man schnell z.B. unwichtige Felder des Schreibendialogs aus. Wer WordPress-Blogs für Freunde oder Kunden einsetzt, blendet mit Adminize schnell überflüssige oder verwirrende Felder aus. Für ein optimales und verbessertes Schreiben hat CSS-Guru Eric Meyer den Workflow Artikel-Schreiben optimiert und endlich sitzt die Kategorienbox wieder in der linken Seitenleiste! Listen & Read more »
Freie Webdesign Lektionen: Verstehen, lernen und programmieren!
Strukturiertes Webdesign Curriculum | Mit dem “Opera Web Standards Curriculum” veröffentlicht Opera ein umfangreiches und frei zugängliches Curriculum zum Thema Webdesign. Das derzeit kontinuierlich wachsende Curriculum richtet sich an diejenigen, die webstandardkonforme Websites bauen wollen und immer hungrig nach neuem Input sind. Im Gegensatz zu Anleitungen wie Selfhtml haken die Tutorials nicht nur stumpf einen HTML-Befehl nach dem anderen ab, sondern gehen ausführlich auf Themen wie Farben, Navigation oder z.B Typography ein. Listen & Read more »
Kategorie: Technik
WordPress-Website für Handys und Mobile Devices in drei Klicks
Mobile Version von WordPress per Plugin | Mit dem exzellenten Plugin von Alex King präsentiert man Besuchern die Website in einem schlichten und schnell-geladenen Layout. Das Plugin erkennt mobile Geräte und präsentiert Benutzern eines Handys oder Mobile Devices die Website in einem vorgefertigten Mini-Theme. Die mobile WordPress-Version installiert man fix mit 3 Klicks. Listen & Read more »
Kategorie: Technik
Wunderbare Anleitung mit exzellenten WordPress-Hacks
WordPress aufbohren und gestalten | Der Artikel Mastering Your WordPress Theme Hacks and Techniques gehört zu den Sternstunden unter den WordPress-Anleitungen. Wer gerne sein WordPress-Theme aufbohrt, dem bietet der Artikel zahlreiche Tipps samt Code-Beispiele für die unkomplizierte Umsetzung. Zu den meisten Tipps gesellen sich obendrein eine Vielzahl weiterführender Artikel zur Vertiefung mit weiteren WordPress Hacks.
Kategorie: News
Spezialisiertes Webhosting für Netlabels
flickr.com/photos/notsogoodphotography/
All-In-One-Lösung für Netlabels | Stolpert man über zahlreiche Netlabels, so fehlen oft fundamentale Funktionen. Neben fehlendem technischen Wissen ist Bequemlichkeit oft ein Grund. Selbstgestrickte HTML-Seiten verwaltet man oft mühselig oder hat kaum einen blassen Schimmer von der Technik. Ein vorinstalliertes Rundum-Sorglospaket mit eigenen Designs plus Redaktionssystem könnte hier Ablösung schaffen. Wäre das interessant für Netlabels? Listen & Read more »
