domstat.net
csswizardry.com
last data update: 2011/10/14, 17:48
Website loading time
during the test: 0.6 s
cable connection (average): 0.71 s
DSL connection (average): 0.82 s
modem (average): 6.67 s
HTTP headers
HTTP/1.0 200 OK
Date: Sat, 15 Oct 2011 00:48:58 GMT
Server: Apache/2.2.3 (CentOS)
X-Powered-By: PHP/5.2.13
X-Pingback: http://csswizardry.com/xmlrpc.php
Vary: Accept-Encoding
Connection: close
Content-Type: text/html; charset=UTF-8
Information about DNS servers
| csswizardry.com | SOA | ns.csswizardry.com | harry_prdesign.hotmail.co.uk | 1266541129 | 10800 3600 604800 10800 IN 43200 |
| csswizardry.com | A | 87.237.56.179 | IN | 43200 | |
| csswizardry.com | MX | 10 | mail.csswizardry.com | IN | 43200 |
| csswizardry.com | NS | ns.csswizardry.com | IN | 43200 |
Received from the first DNS server
Request to the server "csswizardry.com"
You used the following DNS server:
DNS Name: ns.csswizardry.com
DNS Server Address: 87.237.56.179#53
DNS server aliases:
HEADER opcode: REQUEST, status: NOERROR, id: 65327
flag: qr aa rd REQUEST: 1, ANSWER: 4, AUTHORITY: 0, ADDITIONAL: 2
REQUEST SECTION:
csswizardry.com. IN ANY
ANSWER SECTION:
csswizardry.com. 86400 IN MX 10 mail.csswizardry.com.
csswizardry.com. 86400 IN A 87.237.56.179
csswizardry.com. 86400 IN SOA ns.csswizardry.com. harry_prdesign.hotmail.co.uk. 1266541129 10800 3600 604800 10800
csswizardry.com. 86400 IN NS ns.csswizardry.com.
SECTION NOTES:
mail.csswizardry.com. 86400 IN A 87.237.56.179
ns.csswizardry.com. 86400 IN A 87.237.56.179
Received 183 bytes from address 87.237.56.179#53 in 67 ms
Received from the second DNS server
Request to the server "csswizardry.com"
Received 33 bytes from address 208.109.255.13#53 in 13 ms
Request to the server "csswizardry.com"
You used the following DNS server:
DNS Name: ns26.domaincontrol.com
DNS Server Address: 208.109.255.13#53
DNS server aliases:
Host csswizardry.com not found: 5(REFUSED)
Received 33 bytes from address 208.109.255.13#53 in 13 ms
Subdomains (the first 50)
Typos (misspells)
| xsswizardry.com vsswizardry.com fsswizardry.com dsswizardry.com caswizardry.com czswizardry.com cxswizardry.com cdswizardry.com ceswizardry.com cwswizardry.com csawizardry.com cszwizardry.com csxwizardry.com csdwizardry.com csewizardry.com cswwizardry.com cssqizardry.com cssaizardry.com csssizardry.com csseizardry.com css3izardry.com css2izardry.com csswuzardry.com csswjzardry.com csswkzardry.com csswozardry.com cssw9zardry.com cssw8zardry.com csswixardry.com csswisardry.com csswiaardry.com | csswizzrdry.com csswizsrdry.com csswizwrdry.com csswizqrdry.com csswizaedry.com csswizaddry.com csswizafdry.com csswizatdry.com csswiza5dry.com csswiza4dry.com csswizarsry.com csswizarxry.com csswizarcry.com csswizarfry.com csswizarrry.com csswizarery.com csswizardey.com csswizarddy.com csswizardfy.com csswizardty.com csswizard5y.com csswizard4y.com csswizardrt.com csswizardrg.com csswizardrh.com csswizardru.com csswizardr7.com csswizardr6.com sswizardry.com cswizardry.com cswizardry.com | cssizardry.com csswzardry.com csswiardry.com csswizrdry.com csswizadry.com csswizarry.com csswizardy.com csswizardr.com scswizardry.com csswizardry.com cswsizardry.com cssiwzardry.com csswziardry.com csswiazrdry.com csswizradry.com csswizadrry.com csswizarrdy.com csswizardyr.com ccsswizardry.com cssswizardry.com cssswizardry.com csswwizardry.com csswiizardry.com csswizzardry.com csswizaardry.com csswizarrdry.com csswizarddry.com csswizardrry.com csswizardryy.com |
Location
IP: 87.237.56.179
continent: EU, country: United Kingdom (GBR), city: Melbourne
Website value
rank in the traffic statistics:
There is not enough data to estimate website value.
Basic information
website build using CSS
code weight: 42.49 KB
text per all code ratio: 68 %
title: CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts
description:
keywords:
encoding: UTF-8
language: en
Website code analysis
one word phrases repeated minimum three times
| Phrase | Quantity |
|---|---|
| and | 15 |
| of | 15 |
| to | 11 |
| the | 9 |
| abstraction | 7 |
| is | 7 |
| more | 7 |
| we | 6 |
| in | 6 |
| ... | 6 |
| a{ | 6 |
| li{ | 5 |
| display:inline; | 5 |
| list-style:none; | 5 |
| margin-left:0; | 5 |
| can | 4 |
| create | 4 |
| .breadcrumb | 4 |
| patterns | 4 |
| CSS | 4 |
| .nav | 4 |
| Web | 4 |
| media | 3 |
| I’m | 3 |
| that | 3 |
| This | 3 |
| 3 | |
| this | 3 |
| pretty | 3 |
| then | 3 |
| common | 3 |
| generic | 3 |
| similar | 3 |
| abstraction. | 3 |
| The | 3 |
| different | 3 |
| CSS, | 3 |
| nav | 3 |
| [styles] | 3 |
two word phrases repeated minimum three times
| Phrase | Quantity |
|---|---|
| list-style:none; margin-left:0; | 5 |
| li{ display:inline; | 5 |
| [styles] ... | 3 |
| we can | 3 |
| ... [styles] | 3 |
| more generic | 3 |
| a{ ... | 3 |
three word phrases repeated minimum three times
| Phrase | Quantity |
|---|---|
| a{ ... [styles] | 3 |
| ... [styles] ... | 3 |
B tags
U tags
I tags
the nav abstraction
nav
numbered
key
further reading
wild card
wildcard
images
| file name | alternative text |
|---|---|
| maze.gif | Maze as a model of how browsers read CSS selectors right to left |
headers
H1
Welcome to CSS Wizardry—Web standards design and development
H2
The ‘nav’ abstraction
The nav abstraction
Ordered and numbered lists; the differences
Writing efficient CSS selectors
CSS selectors
The key selector
Overqualifying selectors
Is all this really necessary?
Do designers need to code?
Is a web designer really a web designer if they can’t code?
Designers should work with developers
HTML and CSS isn’t easy…
These rules introduce restrictions
Real life examples
What do they need to understand?
But there is no right or wrong answer
Massive disclaimer
In short
When using IDs can be a pain in the class…
Reusability
Wild card
Final word
H3
The ‘nav’ abstraction
The nav abstraction
Ordered and numbered lists; the differences
Writing efficient CSS selectors
CSS selectors
The key selector
Overqualifying selectors
Is all this really necessary?
Do designers need to code?
Is a web designer really a web designer if they can’t code?
Designers should work with developers
HTML and CSS isn’t easy…
These rules introduce restrictions
Real life examples
What do they need to understand?
But there is no right or wrong answer
Massive disclaimer
In short
When using IDs can be a pain in the class…
Reusability
Wild card
Final word
H4
H5
H6
internal links
| address | anchor text |
|---|---|
| #content | Jump to Content |
| #sub-content | Jump to Sub Content |
| http://csswizardry.com | CSS Wizardry — CSS, Web Standards, Typography, Grids |
| http://csswizardry.com | Home |
| http://csswizardry.com/about/ | About |
| http://csswizardry.com/portfolio/ | Portfolio |
| http://csswizardry.com/archives/ | Archives |
| http://csswizardry.com/resources/ | Resources |
| http://csswizardry.com/contact/ | Contact |
| http://csswizardry.com/2011/09/the-nav-abstraction/ | The ‘nav’ abstraction |
| http://csswizardry.com/category/web-development/ | Web Development |
| http://csswizardry.com/category/web-development/ | Web Development |
| http://csswizardry.com/tag/abstraction/ | Abstraction |
| http://csswizardry.com/tag/css/ | CSS |
| http://csswizardry.com/tag/dry/ | DRY |
| http://csswizardry.com/tag/html/ | HTML |
| http://csswizardry.com/2011/09/the-nav-abstraction/#comments | 8 Comments |
| http://csswizardry.com/2011/09/ordered-and-numbered-lists-the-differences/ | Ordered and numbered lists; the differences |
| http://csswizardry.com/category/web-development/ | Web Development |
| http://csswizardry.com/category/web-development/ | Web Development |
| http://csswizardry.com/tag/css/ | CSS |
| http://csswizardry.com/tag/html/ | HTML |
| http://csswizardry.com/tag/semantics/ | Semantics |
| http://csswizardry.com/2011/09/ordered-and-numbered-lists-the-differences/#comments | 9 Comments |
| http://csswizardry.com/2011/09/writing-efficient-css-selectors/ | Writing efficient CSS selectors |
| http://csswizardry.com/category/web-development/ | Web Development |
| http://csswizardry.com/category/web-development/ | Web Development |
| http://csswizardry.com/tag/css/ | CSS |
| http://csswizardry.com/tag/css-selectors/ | CSS Selectors |
| http://csswizardry.com/tag/performance/ | Performance |
| http://csswizardry.com/2011/09/writing-efficient-css-selectors/#comments | 17 Comments |
| http://csswizardry.com/2011/09/do-designers-need-to-code/ | Do designers need to code? |
| http://csswizardry.com/category/industry/ | Industry |
| #section:disclaimer | Disclaimer. |
| http://csswizardry.com/category/industry/ | Industry |
| http://csswizardry.com/tag/design/ | Design |
| http://csswizardry.com/tag/development/ | Development |
| http://csswizardry.com/2011/09/do-designers-need-to-code/#comments | 37 Comments |
| http://csswizardry.com/2011/09/when-using-ids-can-be-a-pain-in-the-class/ | When using IDs can be a pain in the class… |
| http://csswizardry.com/category/web-development/ | Web Development |
| http://csswizardry.com/2011/06/namespacing-fragment-identifiers/ | fragment identifiers |
| http://csswizardry.com/category/web-development/ | Web Development |
| http://csswizardry.com/tag/css/ | CSS |
| http://csswizardry.com/tag/css-selectors/ | CSS Selectors |
| http://csswizardry.com/2011/09/when-using-ids-can-be-a-pain-in-the-class/#comments | 24 Comments |
| http://csswizardry.com/page/2/ | ← Older Entries |
| /archives/ | browse and search my archives |
external links
| address | anchor text |
|---|---|
| http://twitter.com/stubbornella | Nicole Sullivan |
| http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/ | The media object saves hundreds of lines of code |
| http://jsfiddle.net/csswizardry/sdrth/ | a small fiddle of examples |
| http://stevesouders.com/ | Steve Souders |
| http://stevesouders.com/ | Steve Souders |
| http://stevesouders.com/efws/css-selectors/csscreate.php?n=1000&sel=%23id&body=background%3A+%23CFD&ne=1000 | an ID selector |
| http://stevesouders.com/efws/css-selectors/csscreate.php?n=1000&sel=.class&body=background%3A+%23CFD&ne=1000 | a class selector |
| http://stevesouders.com/efws/css-selectors/csscreate.php?n=1000&sel=a&body=background%3A+%23CFD&ne=1000 | a much slower reflow |
| http://stevesouders.com/efws/css-selectors/csscreate.php?n=1000&sel=div+div+div+div+div+div+a&body=background%3A+%23CFD&ne=1000 | a figure of around 440 |
| http://stackoverflow.com/questions/5797014/css-selectors-parsed-right-to-left-why | this discussion on Stack Overflow |
| http://stevesouders.com/ | Steve Souders |
| https://twitter.com/DavidKaneda/status/109293744431443968 | David Kaneda so rightly put it |
| http://jsfiddle.net/csswizardry/gTZGq/1/ | example code |
| http://jsfiddle.net/csswizardry/gTZGq/2/ | adding a new selector to the .tweet a rule |
| http://jsfiddle.net/csswizardry/gTZGq/3/ | http://jsfiddle.net/csswizardry/gTZGq/3/ |
| http://www.getfirefox.com/ | Upgrade |
| http://twitter.com/csswizardry | follow me on Twitter |
| http://twitter.com/csswizardry/ | @csswizardry |
| http://dribbble.com/csswizardry/ | Dribbble |
| http://feeds.feedburner.com/csswizardrycom | RSS Feed |
| http://adpacks.com | via Ad Packs |
| http://www.smashingmagazine.com/ | CSS Wizardry is proud to be part of the Smashing Network |
| http://twitter.com/csswizardry | Harry Roberts |