Kirk's Pet Peeves

grade reduction amounts per occurrence shown

Grading

• I start grading at 100% and take points off based on the criteria below
• A minimum of 10% is awarded if the project is completed on time, even if errors take you below that level
• I must be able to see your work using the Project Viewer

Amount of Content

• -90%: inappropriate amount of content

Links

• -20%: broken links
• -20%: links to documents (htm, php, or css) that don't exist
• -10%: "Click Here" or "Click On" (etc.), this isn't the 90's anymore
• -10%: email addresses
  • always create a mailto link when displaying an email address - like this: hopkinks@miamioh.edu
  • note that if the user does not have a mail application (like Apple's "Mail" or Outlook), the link will not function as you hope it will; this has become a problem due to increased gmail use
• -10%: links that open improperly
  • if the link takes the user away from your site or menu system you need to use a target="_blank" to open the link in a new tab/window (governed by the user's browser)
• -05%: text that should be linked that isn't
  • references to a specific Facebook page, LinkedIn page, etc. should be linked with a target="_blank" to open the link in a new tab/window (governed by the user's browser)
• -05%: having underlined style links with spaces at the beginning or end of the link (underlining spaces looks silly)
• -05%: missing external stylesheet

Images, Audio, and Video

• -20%: broken images (common problems)
  • using something like file://Users/KirkHopkins/Desktop/FabulousPicture.jpg won't work
  • using something like https://www.netdisk.miamioh.edu/apps/display_file.php ?path=windows%3A%2FMyFiles%2FH%hopkinks%2FPUBLIC.WWW%2FIMS222%2Fimages%2F YouProbablyCantSeeThis.jpg&nocache=0123456789 won't work for anyone but me if I'm logged in
  • using something like /MyFiles/H/hopkinks/PUBLIC.WWW/IMS222/images/AnotherFabulousPicture.jpg probably won't work either
• -20%: stretched photos
• -20%: images that are huge and can take a while for the page to load, images should be smaller than 1024px wide and less than .5MB
  • recommend using jpg's for photos
  • recommend using gif's or png's for "icon-type" images with only a few colors
• -20%: other people's images
  • don't use their's, use your own
  • this includes glyphicons
  • don't use "free" ones either, make your own with the exception of facebook, linked in, and twitter type icons
• -20%: images with spaces or apostrophe's in the name
• -10%: animated GIF's
• -10%: automatically playing audio/video on page load
• -10%: images without an "alt" tag
• -10%: videos without closed-captions
• -10%: low quality images
• -10%: poorly used background images
  • be careful, it's easy to mess up a page with them

Aesthetics

• -20%: marquee (sliding text or pictures) - don't use it
• -20%: blink - don't use it
• -20%: seizure causing image/background changes - don't do it
• -20%: designs and/or images that don't scale (i.e. not responsive)
• -20%: designs that change on the website (i.e. different from one page to another)
• -10%: designs that are too busy
• -10%: illegible text (usually on a background that makes it difficult to read)
• -10%: using someone elses graphics, color schemes, and styles (with little to no changes)
• -00%: have a peer/friend review your page on their computer and with multiple devices and browsers, how does it look to them?

More Technical

• -10%: problems with tags/elements (may be reduced to -05% depending on the severity of the issue)
• -10%: bad grammar/spelling
• -20%: font tags - use CSS instead
• -20%: flash (doesn't work on iOS, thankfully)
• -20%: pop-ups - they are annoying and often blocked by the browser
• -20%: underlining - don't use underlines unless it is part of a link
• -20%: pdf's
  • My disdain for the use of pdf's has grown to the point that I no longer allow them to be used on a website
  • saving a resume or other text as a pdf and including it on a web page does NOT count as a web page, build the page as HTML
• -20%: using images in place of a web page
  • saving a resume or other text as an image and including it on a web page does NOT count as a web page, build the page as HTML
• -20%: inconsistency
  • be consistent with your whole web site (menu system, color scheme and styling)
• -20%: poor communication
  • the user doesn't have you there to explain things, your pages need to explain things on their own
• -20%: poorly named
  • title
  • web page
  • external stylesheet
  • URLs (web addresses) should not have spaces in them, use CamelCaseInstead
  • your web page name should match the content so you wouldn't have a page with generic names like this.htm, that.htm, or the_other.htm
• -10%: messy mark-up/code
  • your HTML and CSS should follow a pattern with indenting and be the same throughout your site; random spaces and tags with typo's also drive me crazy
• -10%: unnecessary HTML and CSS
  • including things that are not used just makes your site more difficult to maintain
• -10%: leaving in the brown M&M's
  • using things like Kirk's or kirks something in your code, review all code that you're using and make your own
• -10%: bad semantics
  • don't go from h1 to h2 without an h1 between them

Recommendations

• View your pages with multiple browsers and at different sizes
• Have a peer/friend look at it to see what they think, your pages need to function properly everywhere for everyone