Rules to Better Websites - Layout and Formatting

• Do you have a call to action on your web pages (aka The Banana Rule)?
• Do you keep developers away from tasks involving design or the overall look and feel?
• Do you trim starting and trailing whitespaces in input fields?
• Forms - Do you indicate which fields are required and validate them?
• Forms - Do you know when to use links and when to use buttons?
• Forms - Do you include the number of results in ComboBoxes?
• Do you create a combo-box that has a custom template?
• Figures - Do you use images to reduce the words?
• Figures - Do you add useful text captions to images and videos?
• Do you show 'Bad' and 'Good' examples when giving instructions?
• Do you avoid adding unnecessary CSS classes?
• Do you use CSS frameworks?
• Do you consider factors before making a CSS change?
• Figures - Do you use the right HTML/CSS code to add images and captions?
• Do you always acknowledge your work?
• Printing - Do you have a print.css file so your web pages are nicely printable?
• Printing - Do you check for oversized images and table?
• On-page - Do you design websites and apps to be responsive (aka mobile-friendly)?
• Authentication - Do you have a user friendly registration and sign in screen?
• Authentication - Do you use email address instead of username?
• Authentication - Do you have a 'Forgot my password' link?
• Authentication - Do you have a 'Remember me' checkbox?
• Authentication - Do you have a 'Sign me in automatically' checkbox?
• Authentication - Do you have a 'Logout' short cut next to the username ?
• Do you have a consistent search results screen? (aka the Google Grid)
• Do you know table tags should not specify the width?
• Do you use DOCTYPE without any reference?
• Do you include the number of results in drop down list?
• Do you use "Back" instead of "Previous" (or other variations)?
• Do you use predictive-textboxes instead of normal combo or text boxes?
• Do you use the correct input type?
• Do you know to not use FONT tags?
• Do you know how to effectively use non-standard font on your website?
• Do you know it's important to make your fonts different?
• Do you avoid having "Reset" buttons on webforms?
• Do you use icons/emojis to enforce the text meaning?
• Do you show the progress and the total file size on downloads?
• Search Results - Do you always give more information when searching doesn’t find anything?
• Do you avoid using bold tags inside headings?
• Do you avoid having a horizontal scroll bar?
• Do you display date and time in a human friendly format?
• Do you know how to format addresses?
• Do you help the user to enter a URL field?
• Do you make sure that all your tags are well formed ?
• HTML/CSS - Do you know how to create spaces in a web page?
• Do you check your website is multi-browser compatible?
• Do you have a clean “no match found” screen?
• Do you know how to arrange forms?
• Do you use "list" tags for lists only?
• Do you implement Gravatar (or Cravatar for China) for profile management in applications?
• Do you use Hyperlinks instead of JavaScript to open pages?
• Videos - Do you have a video on the homepage of products websites?
• Do you know the right format to display a video time length?
• Do you have a master template for your website layouts?
• Do you have a stylesheet file for all your formatting?
• Do you keep the URL next to each link on printing?
• Do you know the right way to embed a YouTube video?
• Do you use adaptive placeholders on your forms?
• How to use SSW style in RadHtmlControl?
• Control Choice - Do you know when to use CheckBoxes?
• Control Choice - Do you use checkboxes instead of multi-select dropdowns?
• Validation - Do you avoid capturing incorrect data?
• Controls - Do you disable buttons that are unavailable?
• Controls - Do you make Option Groups and Check Boxes simple to understand?
• Do you make your fields consistent with the data?
• Do you use an ellipsis (...) to indicate an action requiring more user input?
• Controls - Do you include a "select all" checkBox on the top?
• Control Choice - Do you use ComboBoxes instead of single-select List Boxes?