Don’t use empty image src |
3 |
4.33 |
| Ensure quick loading times |
2 |
5 |
| Compose to a vertical rhythm |
3 |
4.67 |
| Don’t use all bold text in your content |
2 |
4.5 |
| Use the text-transform property to specify the case of letters |
2 |
5 |
| Use inline validation in web forms |
3 |
4.67 |
| Don’t put non-ascii characters in URLs |
2 |
5 |
| Specify unique values for the accesskey attribute |
3 |
4.67 |
| Use CSS for generating purely presentational content |
3 |
4.67 |
| Remove the outline from links on :active only |
4 |
5 |
| Specify HTML document’s language |
2 |
5 |
| Don’t use splash pages |
4 |
5 |
| Make sure your site works with and without the www prefix |
6 |
4.5 |
| Use progressive enhancement instead of graceful degradation |
6 |
4.33 |
| Don’t publish undated content |
6 |
4 |
| Use the CSS cascade |
6 |
4.83 |
| Don’t use HTTP based resources on a HTTPS page |
5 |
4.8 |
Specify a text colour for img elements |
7 |
4.14 |
| Don’t use protocol relative paths to CSS files |
3 |
3.67 |
| Plan the absence of Javascript |
4 |
4 |
Always provide an alt text in img elements |
5 |
4.4 |
| Use tables in HTML email |
8 |
3.75 |
| Get familiar with CSS escape sequences |
13 |
4.92 |
| Don’t be skipping heading levels |
5 |
5 |
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 |
6 |
4.5 |
| Learn when to use GET and POST |
5 |
4.2 |
Use the th element for table headers |
6 |
4.17 |
| Don’t link pages to themselves |
21 |
3.1 |
| Use the optgroup element for hierarchical select options |
5 |
4.2 |
| Don’t use empty HTML elements |
16 |
3.25 |
| Remember to make a 404 page |
12 |
4.42 |
| Don’t add reset buttons in forms |
33 |
4 |
| Optimize the title tags |
12 |
4.92 |
| Avoid CSS expressions |
7 |
4 |
| Don’t allow CSS caching |
23 |
2.48 |
Group form controls by using fieldset and legend elements |
10 |
4.3 |
| 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 |
6 |
4.83 |
| Don’t forget keyboard navigation |
12 |
4.25 |
| Use negative CSS margins |
14 |
3.93 |
| Use the CSS shorthand |
15 |
4.47 |
| Don’t fix, prevent |
19 |
3.84 |
| Learn to optimize JPEGs |
13 |
4.77 |
| Don’t resize the browser window |
28 |
4.75 |
| Do Proofread |
19 |
4.95 |
| Don’t Allow Hotlinking |
34 |
3 |
| Don’t overuse Flash |
41 |
4.39 |
| Make your URLs user friendly |
30 |
4.53 |
| Don’t make browsers guess which encoding the page uses |
26 |
4.73 |
| Use a Favicon |
73 |
4.71 |
| Don’t overuse AJAX |
44 |
4.11 |
| Improve Your Web Typography |
34 |
4.82 |
| 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 |
31 |
4.71 |
| Don’t use CSS hacks |
58 |
2.53 |
| Optimize web graphics |
24 |
4.58 |
Don’t use justify exclusively |
30 |
4.13 |
| Learn the box model |
26 |
4.85 |
Don’t forget summary attribute |
17 |
3.29 |
| Don’t use definition lists for marking up dialogues |
8 |
4.38 |
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 |
39 |
4.26 |
| Don’t use color alone to convey information |
21 |
4.57 |
| Improve the typographic contrast |
28 |
4.71 |
| Don’t remove the outline from links |
63 |
2.7 |
| Create a site map for larger sites |
24 |
3.96 |
| Don’t use the wrong dashes |
21 |
4.1 |
| Use headings to make your site more accessible |
26 |
4.58 |
| Don’t use frames |
49 |
4.67 |
| Don’t use “click here” links |
41 |
4.66 |
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 |
49 |
3.31 |
Make use of :active pseudo selector |
24 |
4.46 |
| Don’t give presentational names to classes and ids |
24 |
4.21 |
Always use utf-8 encoding |
44 |
4.73 |
| Never use HTML tables for layout |
87 |
4.44 |
| Use semantic markup for tag clouds |
23 |
3.83 |
| Don’t use negative letter-spacing without good cause |
35 |
2.97 |
| Cure your divitis |
29 |
4.48 |
| Don’t write non-descriptive titles |
26 |
4.5 |
Add display:inline to floated elements |
64 |
4.13 |
| Don’t think valid HTML is good HTML |
50 |
4.58 |
| Use Microformats to enhance markup semantics |
38 |
4.16 |
| Autoplay is not best practise |
117 |
4.61 |
| Use an asterisk to indicate required fields |
76 |
3.86 |
| Don’t Use @import |
87 |
3.85 |
| Declare a background color |
80 |
4.53 |
Don’t use display:none to hide an element |
89 |
2.6 |
| Use Better Font Stacks |
45 |
4.4 |
| Don’t use text scrollers |
89 |
4.28 |
| Put Scripts at the Bottom |
93 |
3.94 |
| Don’t underline text that is not a link |
140 |
4.72 |
| Use CSS Sprites |
105 |
4.66 |
| Don’t Write Inline CSS and JS |
77 |
4.14 |
| Combine CSS classes |
49 |
4.33 |
| Don’t Use Empty Links |
25 |
4.52 |
| Style Your Links Sensibly |
39 |
4.74 |
| Do not use NBSP for adding space |
38 |
3.11 |
| Use IE Conditional Comments |
53 |
3.4 |
| Use the right DOCTYPE |
72 |
4.9 |
| Don’t Write Bad Alt Text |
27 |
4.7 |
| Do write clean code |
40 |
4.8 |
| Don’t send XHTML as text/html |
59 |
3.34 |
| Do not force a new window |
76 |
3.38 |
| Write good class and id names |
35 |
4.74 |
| Validate your code |
34 |
4.62 |
| Don’t Use Pixels for Text |
103 |
2.5 |
| Don’t Write in All Caps |
66 |
4.5 |
| Use Succinct Writing |
20 |
4.4 |