Farbschema mit dem Color Scheme Designer online finden

Mit dem kostenlosen Online-Tool “Color Scheme Designer” lassen sich passende Farben finden.
 

Color Scheme Designer Screenshot

Color Scheme Designer Screenshot


 
Um die Wirkung der gewählten Farben auf einer Webseite zu sehen, sind diese auf Beispielseiten, jeweils mit hellem / dunklen Hintergrund:
 
Color Scheme Designer - Beispiel helle Webseite

Color Scheme Designer - Beispiel helle Webseite


 
Color Scheme Designer Beispielseite

Color Scheme Designer Beispielseite


 

 
Auf den Seiten hier findest Du Informationen & Tipps zu Webwork-Themen wie CSS, Grafik, SEO Analyse, WordPress…  

Webschau RSS-Feed

Mehr

Webseite mit Pingdom Tools online analysieren

Mit Pingdom Tools eine Webseite kostenlos und online analysieren.
 

Pingdom Tools - Screenshot

Pingdom Tools - Screenshot


 
Ein Screenshot von der Webseite wird angefertigt, eine Leistungsbewertung, die Anzahl der Serveranfragen, Ladezeit und Größe angezeigt.
 
Pingdom Tools -  Testergebnis

Pingdom Tools - Testergebnis


Darunter werden detaillierte Testergebnisse angezeigt.
 
Pingdom Tools - Page Speed Performance

Pingdom Tools - Page Speed Performance


 

 
Auf den Seiten hier findest Du Informationen & Tipps zu Webwork-Themen wie CSS, Grafik, SEO Analyse, WordPress…  

Webschau RSS-Feed

Mehr

Webseite mit “Smartphone Simulator” online pr√ľfen

Wie wird eine Webseite auf einem Smartphone dargestellt ?
 
Um eine Webseite auf einem Smartphone anzeigen zu lassen, einfach die Web-Adresse in der Browserzeile des Simulators eingeben.
 

Smartphone Simulator - vertikal

Smartphone Simulator - vertikal


 
Zum umschalten der Ansicht (horizontal/vertikal) die Leertaste dr√ľcken oder den markierten Button anklicken.
 
Smartphone Simulator - horizontal

Smartphone Simulator - horizontal


 

 
Auf den Seiten hier findest Du Informationen & Tipps zu Webwork-Themen wie CSS, Grafik, SEO Analyse, WordPress…  

Webschau RSS-Feed

Mehr

Webseite online als Mock-up erstellen

Ein interessantes online Programm zum erstellen von Webseiten Mock-ups bzw. Wireframes mit dem Namen Mockingbird.
 
Was ist √ľberhaupt ein Mock-up? Wikipedia hilft uns da weiter:
 

Der aus dem Englischen stammende Begriff Mock-up bezeichnet im Deutschen beispielsweise eine Attrappe. Er wird heute aber meist f√ľr ein ma√üst√§blich gefertigtes Modell bzw. eine Nachbildung zu Pr√§sentationzwecken benutzt.

 
Es lassen sich also Skizzen von Websites erstellen, um z.B. einem Kunden den ersten Konzeptentwurf zu zeigen oder neue Ideen schnell zu visualisieren.
 
Der Praxistest
Ich habe mich drangesetzt und es ausprobiert.
Das ist dabei rausgekommen:
 
Mockingbird Praxistest

Mockingbird Praxistest


 
Die Handhabung des Tools ist relativ einfach.
 
In der linken Toolbar ist eine Liste der erstellten Seiten, darunter eine Liste der auswählbaren Website Elemente.
Von normalem Text, √ľber Buttons, Textfeldern bis hin zu Grafiken und Videoplayern ist alles dabei.
 
Praktisch f√ľr die, die mit Papier um Bleistift weniger erfolgreich sind ;)
 
Per Drag und Drop kann man die Elemente auf die Seite ziehen und beliebig in der größer verändern sowie den Text umändern.
In der oberen Leiste gibt es Buttons, um mehrere Elemente zu Gruppieren, in den Vordergrund bzw. Hintergrund zu r√ľcken.
Die einzelnen Elemente können ausgerichtet, festgestellt und in der Farbe verändert werden.
 
Auf den Seiten hier findest Du Informationen & Tipps zu Webwork-Themen wie CSS, Grafik, SEO Analyse, WordPress…  

Webschau RSS-Feed

Mehr

3 Typgrafie Werkzeuge

Drei kostenlose Online-Tools zu Bearbeitung und Idenfizierung von Schriftarten.
 

Font Tester

Font Tester

Mit Font-Tester lassen sich verschiedene Schriftarten und Einstellungen direkt vergleichen, auf einer Webseite betrachten.

Font Tester öffnen

WhatTheFont

WhatTheFont

Ein Bild von einer Schriftart hochladen, das Werkzeug durchsucht katalogisierte Schriften und gibt diese oder ähnliche aus.

WhatTheFont öffnen

Identifont

Identifont

Mit Identifont lassen sich Schriften anhand wesentlicher Merkmale identifizieren.

Identifont öffnen



Auf den Seiten hier findest Du Informationen & Tipps zu Webwork-Themen wie CSS, Grafik, SEO Analyse, WordPress…  

Webschau RSS-Feed

Mehr
Sitemap