Jump to the main content.

Do’s Archive

Tip No. of Votes Avg. Score
Write effective Loops 5 4.4
Ensure quick loading times 9 4.33
Compose to a vertical rhythm 7 3.29
Use the text-transform property to specify the case of letters 4 4
Use inline validation in web forms 7 4.14
Specify unique values for the accesskey attribute 3 4.67
Use CSS for generating purely presentational content 4 4.25
Remove the outline from links on :active only 7 4.57
Specify HTML document’s language 4 4.5
Make sure your site works with and without the www prefix 9 4.67
Use progressive enhancement instead of graceful degradation 8 4.13
Use the CSS cascade 7 4.86
Specify a text colour for img elements 9 4.22
Plan the absence of Javascript 6 3.67
Always provide an alt text in img elements 7 4.57
Use tables in HTML email 9 3.67
Get familiar with CSS escape sequences 15 4.73
Use the title attribute on form elements 6 4.33
Skip navigation links 4 4.5
Combine screen and print styles to save a HTTP request 5 3.4
Organize your CSS with flags 8 4.63
Learn when to use GET and POST 7 4.43
Use the th element for table headers 6 4.17
Use the optgroup element for hierarchical select options 5 4.2
Remember to make a 404 page 13 4.46
Optimize the title tags 15 4.8
Group form controls by using fieldset and legend elements 11 4.36
Consider using Diagnostic styling 6 4.5
Avoid issues on handling getElementById 7 3.86
Use negative CSS margins 17 3.82
Use the CSS shorthand 15 4.47
Learn to optimize JPEGs 14 4.71
Do Proofread 23 4.96
Make your URLs user friendly 32 4.56
Use a Favicon 75 4.72
Improve Your Web Typography 36 4.81
Keep your users updated during the loading 21 4.62
Provide a good Contact page 33 4.73
Optimize web graphics 26 4.62
Learn the box model 26 4.85
Use the label element to make forms accessible 25 4.68
Keep content in a logical order in the source 26 4.88
Provide a print stylesheet 40 4.28
Improve the typographic contrast 28 4.71
Create a site map for larger sites 25 4
Use headings to make your site more accessible 26 4.58
Use ins and del elements for document changes 11 4.09
Use proper markup on quotes 10 4.5
Make use of :active pseudo selector 24 4.46
Always use utf-8 encoding 45 4.73
Use semantic markup for tag clouds 23 3.83
Cure your divitis 31 4.45
Add display:inline to floated elements 65 4.14
Use Microformats to enhance markup semantics 40 4.2
Use an asterisk to indicate required fields 76 3.86
Declare a background color 80 4.53
Use Better Font Stacks 46 4.41
Put Scripts at the Bottom 95 3.87
Use CSS Sprites 105 4.66
Combine CSS classes 50 4.34
Style Your Links Sensibly 39 4.74
Use IE Conditional Comments 53 3.4
Use the right DOCTYPE 75 4.91
Do write clean code 42 4.81
Write good class and id names 36 4.75
Validate your code 34 4.62
Use Succinct Writing 23 4.48