Skip to content

Instantly share code, notes, and snippets.

@jonathantneal
Created June 11, 2014 16:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jonathantneal/17b7f0ce8fccb22d83a9 to your computer and use it in GitHub Desktop.
Save jonathantneal/17b7f0ce8fccb22d83a9 to your computer and use it in GitHub Desktop.
Chapman University Homepage Update

Chapman University Homepage Update

Overview

Create a fast, accessible, dynamic environment for visitors to learn more about Chapman University.

Big Goals

  • Minimize load time
  • Improve accessibility
  • Modularize components

Side quests

  • Universal navigation
  • Real-time contextual updates
  • Vector assets
  • More Analytics
  • Best practices

Minimize load times

  • Minimize the number of requests and subsequent DNS lookups required to display the homepage to further reduce load times.
  • Concatenate and compress assets so that it takes less time to display the homepage.

Performance tools

http://developers.google.com/speed/pagespeed/insights http://www.webpagetest.org/ http://gtmetrix.com/ http://tools.pingdom.com/

Improve accessibility

  • Allow visitors with temporary and permant impairments full access to the homepage
  • Allow visitors with varying and widely-used inputs, such as a mouse, trackpad, keyboard, and their own finger full access the homepage.
  • Allow visitors on varying display types and sizes full access to the website.

Accessibility tools

http://www.slideshare.net/aardrian/selfish-accessibility-html5-developer-conference-2014

http://a11yproject.com/checklist.html

http://wave.webaim.org/

http://achecker.ca/checker/index.php

http://www.apple.com/accessibility/osx/voiceover/

http://www.nvaccess.org/

http://www.freedomscientific.com/products/fs/jaws-product-page.asp

Modularize components

  • Split homepage components into indepedent, reusable fragments so that reoccuring visual experiences are more consistent, easily added to other pages, and more easily improved across the entire site in the future.

Universal navigation

This is a large-scale feature that involves the creation of a centralized omnibar that provides intuitive and real-time search results.

Real-time contextual updates

This is a small-scale feature that involves contextual updates to individual components on the homepage.

Vector assets

This is a medium-scale feature that involves the creation of a centralized spritemap of all vector assets used on the homepage, in the navigation, and elsewhere across multiple domains.

More analytics

This is a small-scale feature that involves adding more tracking, such as how far down the page a user has scrolled or which components have actually been seen or interacted with.

Best practices

This is a medium-scale feature that involves coding with the best practices and latest features available within our browser support structure.

Browser support sheet

https://gist.github.com/jonathantneal/8d60f1152ef6468eee0f

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment