| Write effective Loops |
4 |
4.25 |
Don't use empty image src |
6 |
4.33 |
| Ensure quick loading times |
8 |
4.25 |
| Compose to a vertical rhythm |
7 |
3.29 |
| Don’t use all bold text in your content |
5 |
4.8 |
| Use the text-transform property to specify the case of letters |
4 |
4 |
| Use inline validation in web forms |
6 |
4.33 |
| Don't put non-ascii characters in URLs |
8 |
3 |
| 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 |
| Don't use splash pages |
21 |
4.62 |
| Make sure your site works with and without the www prefix |
9 |
4.67 |
| Use progressive enhancement instead of graceful degradation |
8 |
4.13 |
| Don't publish undated content |
15 |
3.67 |
| Use the CSS cascade |
7 |
4.86 |
| Don’t use HTTP based resources on a HTTPS page |
5 |
4.8 |
Specify a text colour for img elements |
9 |
4.22 |
| Don't use protocol relative paths to CSS files |
6 |
3.17 |
| 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 |
| Don't be skipping heading levels |
7 |
4.29 |
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 |
| Don't link pages to themselves |
29 |
2.66 |
| Use the optgroup element for hierarchical select options |
5 |
4.2 |
| Don't use empty HTML elements |
28 |
2.68 |
| Remember to make a 404 page |
13 |
4.46 |
| Don't add reset buttons in forms |
35 |
3.97 |
| Optimize the title tags |
15 |
4.8 |
| Avoid CSS expressions |
7 |
4 |
| Don't allow CSS caching |
29 |
2.17 |
Group form controls by using fieldset and legend elements |
11 |
4.36 |
| Don't use H1 for site title exclusively |
18 |
3.89 |
| Consider using Diagnostic styling |
6 |
4.5 |
Avoid issues on handling getElementById |
7 |
3.86 |
| Don't put block elements inside inline elements |
8 |
4.38 |
| Don't forget keyboard navigation |
12 |
4.25 |
| Use negative CSS margins |
17 |
3.82 |
| Use the CSS shorthand |
15 |
4.47 |
| Don't fix, prevent |
20 |
3.7 |
| Learn to optimize JPEGs |
14 |
4.71 |
| Don't resize the browser window |
29 |
4.76 |
| Do Proofread |
23 |
4.96 |
| Don't Allow Hotlinking |
38 |
2.82 |
| Don't overuse Flash |
46 |
4.46 |
| Make your URLs user friendly |
31 |
4.55 |
| Don't make browsers guess which encoding the page uses |
27 |
4.74 |
| Use a Favicon |
75 |
4.72 |
| Don't overuse AJAX |
46 |
4.07 |
| Improve Your Web Typography |
36 |
4.81 |
| Don't use XML declaration in IE6 |
13 |
3.46 |
| Keep your users updated during the loading |
21 |
4.62 |
| Provide a good Contact page |
33 |
4.73 |
| Don't use CSS hacks |
60 |
2.55 |
| Optimize web graphics |
26 |
4.62 |
Don't use justify exclusively |
30 |
4.13 |
| Learn the box model |
26 |
4.85 |
Don't forget summary attribute |
18 |
3.39 |
| Don't use definition lists for marking up dialogues |
9 |
4.44 |
Use the label element to make forms accessible |
25 |
4.68 |
| Keep content in a logical order in the source |
26 |
4.88 |
| Don't use inaccessible tables |
26 |
4.73 |
| Provide a print stylesheet |
40 |
4.28 |
| Don't use color alone to convey information |
23 |
4.61 |
| Improve the typographic contrast |
28 |
4.71 |
| Don't remove the outline from links |
65 |
2.74 |
| Create a site map for larger sites |
24 |
3.96 |
| Don't use the wrong dashes |
23 |
4.17 |
| Use headings to make your site more accessible |
26 |
4.58 |
| Don't use frames |
50 |
4.68 |
| Don't use "click here" links |
44 |
4.68 |
Use ins and del elements for document changes |
11 |
4.09 |
| Don't rely on colors in print stylesheet |
11 |
4.55 |
| Use proper markup on quotes |
10 |
4.5 |
| Don't use flags to indicate a language |
51 |
3.33 |
Make use of :active pseudo selector |
24 |
4.46 |
| Don't give presentational names to classes and ids |
25 |
4.24 |
Always use utf-8 encoding |
45 |
4.73 |
| Never use HTML tables for layout |
92 |
4.38 |
| Use semantic markup for tag clouds |
23 |
3.83 |
| Don't use negative letter-spacing without good cause |
36 |
3.03 |
| Cure your divitis |
31 |
4.45 |
| Don’t write non-descriptive titles |
26 |
4.5 |
Add display:inline to floated elements |
65 |
4.14 |
| Don't think valid HTML is good HTML |
50 |
4.58 |
| Use Microformats to enhance markup semantics |
40 |
4.2 |
| Autoplay is not best practise |
120 |
4.62 |
| Use an asterisk to indicate required fields |
76 |
3.86 |
| Don't Use @import |
88 |
3.82 |
| Declare a background color |
80 |
4.53 |
Don't use display:none to hide an element |
93 |
2.6 |
| Use Better Font Stacks |
46 |
4.41 |
| Don't use text scrollers |
89 |
4.28 |
| Put Scripts at the Bottom |
95 |
3.87 |
| Don't underline text that is not a link |
142 |
4.72 |
| Use CSS Sprites |
105 |
4.66 |
| Don't Write Inline CSS and JS |
77 |
4.14 |
| Combine CSS classes |
50 |
4.34 |
| Don't Use Empty Links |
26 |
4.54 |
| Style Your Links Sensibly |
39 |
4.74 |
| Do not use NBSP for adding space |
39 |
3.08 |
| Use IE Conditional Comments |
53 |
3.4 |
| Use the right DOCTYPE |
75 |
4.91 |
| Don't Write Bad Alt Text |
27 |
4.7 |
| Do write clean code |
42 |
4.81 |
| Don't send XHTML as text/html |
60 |
3.3 |
| Do not force a new window |
78 |
3.32 |
| Write good class and id names |
36 |
4.75 |
| Validate your code |
34 |
4.62 |
| Don't Use Pixels for Text |
107 |
2.47 |
| Don't Write in All Caps |
67 |
4.51 |
| Use Succinct Writing |
22 |
4.45 |