Tools für Webdesigner & Webworker

Anbei einige Tools für Webmaster und Webdesigner die ein effektives arbeiten ermöglichen und so zu qualitativen Websites führen: Anbei einige Tools für Webmaster und Webdesigner die ein effektives arbeiten ermöglichen und so zu qualitativen Websites führen:  

 

Hex Farben & RGB-Werte anzeigen

Palette mit Hexadezimal Farben

Als Webdesigner braucht man öfters mal den HEX-Code (#0000ff) oder RGB-Wert (0, 0, 255) einer Farbe auf der Webseite. RGB-Werte ermitteln kann man ganz einfach mit einer Pipette. Dabei handelt es sich um ein kleines Programm mit dem man das gewünschte Element anklicken kann. Dadurch werden die Farben als RGB Werte angezeigt, die leicht in eine CSS Datei oder in die eigene Webseite übernommen werden können.

Palette mit Hexadezimal Farben
Auf Webseiten werten Farben nicht in RGB Werten angezeigt sondern mit einem Hexadezimal Code. Dieser lässt sich leicht in RGB umrechnen und wird von den meisten Grafik Programmen auch sofort angezeigt.

Weiterlesen …

 

Link-Checker für PC und Mac

Linkchecker Tools

Link-Checker überprüfen, ob die Links auf einer Webseite gültig sind, diese Weiterleiten oder gar zu einer 404 Seite umleiten. Weiterleitungen und Links zu Fehlerseiten sollten möglichst vermieden werden damit Crawler von Suchmaschinen problemlos die Seite analysieren können und die Struktur verstehen. Wenn Ihre Website an Umfang zunimmt und Sie mit vielen Links auf andere Seiten … Weiterlesen …

 

Screenruler oder Bildschirmlineal

Ein Bildschirm-Lineal oder Screenruler erleichtert einem den Alltag als Webdesigner enorm. Mit einem solchen Lineal kann man das Layout einer Webseite ausmessen oder einfach nur prüfen ob verschiedene Elemente einer Seite sich auf einer Linie befinden. Früher gab es eigene Bildschirm-Lineal Programme, die seit der Erfindung der Firefox Web Developer Toolbar oder Internet Explorer Developer … Weiterlesen …

 

Bildschirmlupe Downloaden

Eine Bildschirmlupe ist ein Programm, welches einen bestimmten Bereich am Bildschirm vergrößert. Als Bildschirmlupe Freeware gibt es zum Beispiel das Windows-Programm Lupe.zip, welches keine Installation benötigt und Sie es auch gleich downloaden können. PC Download: lupe.zip Bildschirmlupe am Mac ohne Installation Auf Apple Rechner ist im Betriebssystem schon eine Lupe eingebaut. Durch das Drücken von … Weiterlesen …

 

SEO Tools

SEO (steht für Search Engine Optimization, auf Deutsch dann Suchmaschinenoptimierung). Dabei geht es nicht dabei die Maschine zu täuschen und sich zu bestimmten Suchwörtern (Keywords) nach oben zu schummeln, sondern Inhalte so aufzubereiten, dass die Suchmaschine sie leicht finden kann, die Struktur und den Inhalt leicht versteht. Suchmaschinen legen Ihre Algorithmen nicht offen, da dies … Weiterlesen …

 

Download Calculator

Wie viel Kilobytes sollte eine Seite haben? 40-50 Kb ist ein guter Mittelwert. Kleiner ist natürlich besser. Sie sollten natürlich immer die Grafiken dazu rechnen. Falls Sie Homesite benutzen können sie unter „Tools“ das Gewicht der Seite berechnen lassen. Dateigröße MaßeinheitBitsBytesKilobytesMegabytesGigabytesTerabytesPetabytes Download Zeit übertragungsrate64 Kbps (ISDN)128 Kbps256 Kbps512 Kbps768 Kbps1.544 Mbps T1/DS110 Mbps Thin Ethernet … Weiterlesen …

 

HTML Browser Sizer

Ein Browsersizer dient dazu, das Fenster des Browsers auf eine gewünschte Größe zu bringen. Dieser ist sinnvoll, wenn man testen möchte, wie die eigene Webseite unter verschiedenen Auflösungen aussieht.

Weiterlesen …

 

XHTML Templates

Da ich für Projekte CSS / XHTML Templates verwende und dann entweder ein altes eigenes Template verwende oder wieder 2 Stunden im Netz surfe, habe ich mal eine Liste zusammengestellt, wo es XHTML Templates für gutes Webdesign gibt. Oswd.org steht für Open Source Webdesign. Sehr schön ist, dass man unter „Search all designs“ Templates nach … Weiterlesen …

 

Meta Tag Generator

Gib einfach eine Beschreibung deiner Website und Schlüsselwörter ein. Warum werden keine weiteren Meta Tags angeboten? Weitere Meta Tags werden nicht, oder nicht mehr, von Suchmaschinen ausgewertet, sind also überflüssig. Cut & Paste HTML Code Gute Templates für ein HTML 5 Grundgerüst Weitere SEO Snippet Generatoren https://app.sistrix.com/de/serp-snippet-generator https://www.seobility.net/de/serp-snippet-generator/ https://www.sumax.de/serp-generator.html https://pagerangers.com/snippet-generator/ https://www.onsite.org/metatag_generator.html (Vielfältige Tags) https://www.seo-agentur.com/seo-tools/serp-snippet-meta-generator (mit … Weiterlesen …