MENU
last data update: 2011/10/15, 03:45
Website loading time
during the test: 0.71 s
cable connection (average): 0.81 s
DSL connection (average): 0.91 s
modem (average): 6.26 s
HTTP headers
HTTP/1.1 301 Moved Permanently
Date: Sat, 15 Oct 2011 10:45:49 GMT
Server: Apache
Location: http://www.visualmess.com/
Vary: Accept-Encoding
Content-Length: 234
Connection: close
Content-Type: text/html; charset=iso-8859-1
HTTP/1.1 200 OK
Date: Sat, 15 Oct 2011 10:45:49 GMT
Server: Apache
Last-Modified: Mon, 09 May 2011 00:53:26 GMT
ETag: "131e00e-9b54-4a2cd44604d80"
Accept-Ranges: bytes
Content-Length: 39764
Vary: Accept-Encoding
Connection: close
Content-Type: text/html
Information about DNS servers
visualmess.com | SOA | ns1.dreamhost.com | hostmaster.dreamhost.com | 2011061400 | 18098 1800 1814400 14400 IN 14400 |
visualmess.com | MX | 0 | mx1.sub3.homie.mail.dreamhost.com | IN | 14400 |
visualmess.com | MX | 0 | mx2.sub3.homie.mail.dreamhost.com | IN | 14400 |
visualmess.com | A | 208.97.136.8 | IN | 14400 | |
visualmess.com | NS | ns2.dreamhost.com | IN | 14400 | |
visualmess.com | NS | ns3.dreamhost.com | IN | 14400 | |
visualmess.com | NS | ns1.dreamhost.com | IN | 14400 |
Received from the first DNS server
Received from the second DNS server
Subdomains (the first 50)
Typos (misspells)
cisualmess.com bisualmess.com gisualmess.com fisualmess.com vusualmess.com vjsualmess.com vksualmess.com vosualmess.com v9sualmess.com v8sualmess.com viaualmess.com vizualmess.com vixualmess.com vidualmess.com vieualmess.com viwualmess.com visyalmess.com vishalmess.com visjalmess.com visialmess.com vis8almess.com vis7almess.com visuzlmess.com visuslmess.com visuwlmess.com visuqlmess.com visuakmess.com | visuapmess.com visuaomess.com visualness.com visualkess.com visualjess.com visualmwss.com visualmsss.com visualmdss.com visualmrss.com visualm4ss.com visualm3ss.com visualmeas.com visualmezs.com visualmexs.com visualmeds.com visualmees.com visualmews.com visualmesa.com visualmesz.com visualmesx.com visualmesd.com visualmese.com visualmesw.com isualmess.com vsualmess.com viualmess.com visalmess.com | visulmess.com visuamess.com visualess.com visualmss.com visualmes.com visualmes.com ivsualmess.com vsiualmess.com viusalmess.com visaulmess.com visulamess.com visuamless.com visualemss.com visualmses.com visualmess.com vvisualmess.com viisualmess.com vissualmess.com visuualmess.com visuaalmess.com visuallmess.com visualmmess.com visualmeess.com visualmesss.com visualmesss.com |
Location
IP: 208.97.136.8
continent: NA, country: United States (USA), city: Brea
Website value
rank in the traffic statistics:
There is not enough data to estimate website value.
Basic information
website build using CSS
code weight: 38.83 KB
text per all code ratio: 67 %
title: Clean Up Your Mess - A Guide to Visual Design for Everyone
description:
keywords:
encoding: utf-8
language: en
Website code analysis
one word phrases repeated minimum three times
Phrase | Quantity |
---|---|
the | 173 |
to | 128 |
and | 72 |
of | 66 |
is | 59 |
you | 45 |
in | 40 |
it | 36 |
that | 30 |
this | 26 |
your | 25 |
are | 24 |
visual | 24 |
The | 22 |
on | 21 |
for | 20 |
look | 20 |
with | 19 |
at | 18 |
can | 18 |
more | 16 |
Alignment | 15 |
what | 15 |
find | 14 |
people | 14 |
text | 14 |
This | 14 |
by | 14 |
It | 14 |
design | 14 |
they | 13 |
make | 13 |
green | 13 |
different | 12 |
purple | 12 |
blue | 12 |
red | 12 |
yellow | 12 |
which | 11 |
If | 11 |
You | 11 |
do | 11 |
if | 11 |
What | 11 |
other | 11 |
out | 11 |
elements | 10 |
see | 10 |
like | 10 |
it's | 10 |
have | 10 |
information | 10 |
one | 10 |
— | 10 |
would | 10 |
my | 9 |
but | 9 |
or | 9 |
about | 9 |
much | 9 |
you're | 8 |
Clean | 8 |
between | 8 |
For | 8 |
than | 8 |
brains | 8 |
as | 8 |
be | 8 |
so | 8 |
Make | 8 |
right | 8 |
any | 8 |
each | 8 |
help | 7 |
helps | 7 |
makes | 7 |
size | 7 |
our | 7 |
an | 7 |
left | 7 |
has | 7 |
two | 7 |
content | 7 |
Size | 7 |
related | 6 |
guide | 6 |
will | 6 |
right. | 6 |
get | 6 |
you'll | 6 |
their | 6 |
work | 6 |
same | 6 |
differences | 6 |
Summary | 6 |
looking | 6 |
Design | 6 |
example, | 6 |
aikido | 6 |
Proximity | 6 |
Use | 6 |
tell | 5 |
Visual | 5 |
use | 5 |
great | 5 |
not | 5 |
easy | 5 |
learn | 5 |
when | 5 |
don't | 5 |
header | 5 |
really | 5 |
me | 5 |
design. | 5 |
them | 5 |
roles | 5 |
designs | 5 |
these | 5 |
It's | 5 |
web | 5 |
way | 5 |
brain | 5 |
flyer | 5 |
because | 5 |
how | 5 |
How | 5 |
what's | 5 |
text. | 5 |
also | 5 |
design, | 5 |
p.m. | 4 |
looks | 4 |
read | 4 |
gives | 4 |
alignment | 4 |
love | 4 |
bits | 4 |
clean | 4 |
you, | 4 |
Have | 4 |
needs | 4 |
made | 4 |
want | 4 |
easier | 4 |
questions | 4 |
conscious | 4 |
they're | 4 |
elements. | 4 |
most | 4 |
full-size | 4 |
know | 4 |
actually | 4 |
some | 4 |
there's | 4 |
lines | 4 |
view | 4 |
book | 4 |
Look | 4 |
site | 4 |
headers | 4 |
When | 4 |
color | 4 |
say | 4 |
try | 4 |
Click | 4 |
detail | 4 |
Find | 4 |
Information | 4 |
it. | 4 |
hope | 4 |
should | 4 |
using | 4 |
Amazon | 4 |
By | 4 |
you've | 4 |
figure | 4 |
determine | 4 |
goes | 4 |
that's | 4 |
kittens | 4 |
up | 4 |
something | 4 |
was | 4 |
distinguish | 4 |
In | 4 |
ad | 3 |
close | 3 |
alignment. | 3 |
similar | 3 |
information. | 3 |
talking | 3 |
there | 3 |
add | 3 |
That | 3 |
provide | 3 |
cat | 3 |
main | 3 |
concepts, | 3 |
where | 3 |
time | 3 |
order | 3 |
process | 3 |
details. | 3 |
informational | 3 |
assume | 3 |
especially | 3 |
form | 3 |
best | 3 |
Buy | 3 |
To | 3 |
yes, | 3 |
word | 3 |
center | 3 |
slightly | 3 |
Our | 3 |
start | 3 |
were | 3 |
just | 3 |
thing | 3 |
through | 3 |
too. | 3 |
going | 3 |
thinking | 3 |
even | 3 |
must | 3 |
basic | 3 |
who | 3 |
serve | 3 |
interesting | 3 |
interested | 3 |
audience | 3 |
feel | 3 |
us | 3 |
Slight | 3 |
misalignments | 3 |
understand | 3 |
other. | 3 |
Thinking | 3 |
Elements | 3 |
Which | 3 |
convey | 3 |
Your | 3 |
come | 3 |
favorite | 3 |
I've | 3 |
One | 3 |
you. | 3 |
More | 3 |
then | 3 |
open | 3 |
answer | 3 |
two word phrases repeated minimum three times
Phrase | Quantity |
---|---|
of the | 17 |
in the | 11 |
to the | 10 |
at the | 9 |
on the | 8 |
the different | 7 |
make it | 7 |
You can | 7 |
find the | 7 |
can see | 6 |
the right. | 6 |
For example, | 6 |
to each | 6 |
you can | 6 |
to make | 6 |
of your | 5 |
the left | 5 |
this guide | 5 |
in your | 5 |
is to | 5 |
green red | 5 |
the information | 5 |
easy to | 5 |
to find | 5 |
the same | 5 |
helps people | 5 |
and the | 4 |
How do | 4 |
text and | 4 |
header text | 4 |
distinguish the | 4 |
different bits | 4 |
It Look | 4 |
Make It | 4 |
Click to | 4 |
to view | 4 |
Use Alignment | 4 |
Alignment to | 4 |
to Make | 4 |
bits of | 4 |
makes it | 4 |
our brains | 4 |
the right | 4 |
looking at | 4 |
want to | 4 |
If you | 4 |
purple blue | 4 |
blue green | 4 |
has to | 4 |
is that | 4 |
red blue | 4 |
look at | 4 |
yellow red | 4 |
view full-size | 4 |
purple yellow | 4 |
Find Information | 4 |
figure out | 4 |
your design | 4 |
to figure | 4 |
visual thinking | 3 |
other visual | 3 |
each other. | 3 |
green yellow | 3 |
yellow purple | 3 |
do they | 3 |
to determine | 3 |
roles of | 3 |
the roles | 3 |
design, and | 3 |
Buy on | 3 |
on Amazon | 3 |
This is | 3 |
green purple | 3 |
it would | 3 |
content in | 3 |
to distinguish | 3 |
Have look | 3 |
the text | 3 |
can make | 3 |
much more | 3 |
Visual Thinking | 3 |
red purple | 3 |
purple green | 3 |
it look | 3 |
of content | 3 |
detail text. | 3 |
One of | 3 |
my favorite | 3 |
you would | 3 |
is the | 3 |
design concepts, | 3 |
if the | 3 |
the visual | 3 |
out the | 3 |
between the | 3 |
have to | 3 |
your audience | 3 |
example, the | 3 |
the aikido | 3 |
it easier | 3 |
way to | 3 |
you have | 3 |
the lines | 3 |
to help | 3 |
elements in | 3 |
informational needs | 3 |
say the | 3 |
each other | 3 |
three word phrases repeated minimum three times
Phrase | Quantity |
---|---|
to the right. | 5 |
You can see | 5 |
Click to view | 4 |
different bits of | 4 |
Use Alignment to | 4 |
look at the | 4 |
to view full-size | 4 |
Alignment to Make | 4 |
to Make It | 4 |
Make It Look | 4 |
the different bits | 4 |
to figure out | 4 |
to distinguish the | 3 |
to each other | 3 |
header text and | 3 |
Have look at | 3 |
to each other. | 3 |
of the lines | 3 |
Buy on Amazon | 3 |
make it look | 3 |
For example, the | 3 |
find the information | 3 |
the roles of | 3 |
B tags
U tags
I tags
images
file name | alternative text |
---|---|
crybaby.jpg | |
bird-of-paradise.jpg | Universal Principles of Design |
aikido-before.png | The Non-Designer |
aikido-after.png | Don |
ransom.png | Visual Thinking for Design |
phrenology-brochure-2.jpg | |
contrast-circles.png | |
aikido-after-highlighted.png | |
kittens.jpg | |
hotdogs.jpg | |
terrible-alignment.jpg | |
center-alignment.jpg | |
left-alignment.jpg | |
ala-alignment.png | |
universal-principles-of-design.jpg | |
non-designers-design-book.jpg | |
dont-make-me-think.jpg | |
visual-thinking.jpg |
headers
H1
H2
Preface
1. What is Clean Design?
2. Size
3. Proximity
4. Alignment
5. Elimination
6. Learning More
7. Closing Thoughts
8. Thank Yous
H3
Preface
1. What is Clean Design?
2. Size
3. Proximity
4. Alignment
5. Elimination
6. Learning More
7. Closing Thoughts
8. Thank Yous
H4
Identify the roles of your visual elements.
Size elements consistently.
Provide strong contrast between elements with different roles.
Place related items close to each other.
Make sure the grouping is obvious.
Avoid Slight Misalignments
Break Your Center Alignment Habit
Experiment With Contrasting Alignments
H5
H6
internal links
address | anchor text |
---|---|
#table-of-contents | Table of Contents |
discussion.html | Discussion |
about.html | About |
#sec1 | What is Clean Design? |
#sec1.1 | Clean Design Reduces the Effort Needed to Find Information |
#sec1.2 | Informational Needs |
#sec1.3 | Supporting Visual Thinking |
#sec1.4 | The Most Important Thing to Remember |
#sec2 | Size |
#sec2.1 | Use Size Consistently to Indicate Role |
#sec2.2 | Recognizable Roles Help Users Find Information |
#sec2.3 | Size Summary |
#sec3 | Proximity |
#sec3.1 | Elements Placed Near Each Other Form Groups |
#sec3.2 | Make Sure the Grouping is Obvious |
#sec3.3 | Proximity Summary |
#sec4 | Alignment |
#sec4.1 | Use Alignment to Make It Look Clean |
#sec4.2 | Use Alignment to Make It Look Cool |
#sec4.3 | Alignment Summary |
#sec5 | Elimination |
#sec6 | Learning More |
#sec6.1 | Observing and Doing |
#sec6.2 | Further Reading |
#sec7 | Closing Thoughts |
#sec8 | Thank Yous |
_media/images/size/aikido-after-highlighted.png | img |
_media/images/proximity/hotdogs.jpg | img |
_media/images/aikido-before.png | img |
_media/images/alignment/ala-alignment.png | img |
mailto:daniel@flyingmachinestudios.com | |
discussion.html | discussion page |
mailto:daniel@flyingmachinestudios.com |
external links
address | anchor text |
---|---|
http://en.wikipedia.org/wiki/Stroop_effect | the Stroop Effect |
http://www.alistapart.com | A List Apart |
http://www.amazon.com/exec/obidos/ASIN/1592535879/aflyingmachin-20/ref=nosim/ | Universal Principles of Design |
http://www.amazon.com/exec/obidos/ASIN/1592535879/aflyingmachin-20/ref=nosim/ | Universal Principles of Design |
http://www.amazon.com/exec/obidos/ASIN/1592535879/aflyingmachin-20/ref=nosim/ | Buy on Amazon |
http://www.amazon.com/exec/obidos/ASIN/0321534042/aflyingmachin-20/ref=nosim/ | The Non-Designer |
http://www.amazon.com/exec/obidos/ASIN/0321534042/aflyingmachin-20/ref=nosim/ | The Non-Designer's Design Book |
http://www.amazon.com/exec/obidos/ASIN/0321534042/aflyingmachin-20/ref=nosim/ | Buy on Amazon |
http://www.amazon.com/exec/obidos/ASIN/0321344758/aflyingmachin-20/ref=nosim/ | Don |
http://www.amazon.com/exec/obidos/ASIN/0321344758/aflyingmachin-20/ref=nosim/ | Don't Make Me Think |
http://www.amazon.com/exec/obidos/ASIN/0321344758/aflyingmachin-20/ref=nosim/ | Buy on Amazon |
http://www.amazon.com/exec/obidos/ASIN/0123708966/aflyingmachin-20/ref=nosim/ | Visual Thinking for Design |
http://www.amazon.com/exec/obidos/ASIN/0123708966/aflyingmachin-20/ref=nosim/ | Visual Thinking for Design |
http://www.amazon.com/exec/obidos/ASIN/0123708966/aflyingmachin-20/ref=nosim/ | Buy on Amazon |
http://www.webtypography.net/ | The Elements of Typographic Style Applied to the Web |
http://www.designhistory.org/ | History of Graphic Design |
http://www.twitter.com/nonrecursive | twitter (@nonrecursive) |
http://www.twitter.com/nonrecursive | tweet @nonrecursive |