You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 9 Next »

  1. Custom Font Usage/Fallback
    When the user is behind a protected network that doesn't allow use of our specified fonts, the Arial family shallbe used in it's place, while keeping the weight, italics, etc.
    For example, if Roboto Bold it used, the client would see Arial Bold when behind a restricted network.

  2. Prohibit Usage of Icon Fonts/SVG/Icomoon
    Since the internal network does not allow font downloads, it creates issues when icomoon/svg/icofont are used to house icon graphics. Traditional methods (PNG sprite sheets, etc) shall be used for icon/graphic creation.

  3. IE 8 Compatibility
    Project must support IE8 for Desktop, knowing that rounded corners, shadows and gradients will degrade gracefully in IE8. Anti-alias text effects (smooth, sharp, crisp) used in design can’t be preserved in markup because HTML/CSS doesn’t render it.
    Certain circular items that are drawn via CSS that degrade into squares (pagination dots, etc). These items shall be part of a png asset at that point.
    Rounded corners on div boxes that degrade to squared off corners are acceptable.

  4. Multilevel Mobile Menu (Mobile)
    Note: Only items with a submenu shall have an arrow in the row.

    1. The icon in the upper left is to slide in the menu from the left.

    2. Tapping the Menu button to open the Slide Menu shall push the page to the right of the screen as seen in the PSD.

    3. As you tap into each level, the menu will continue to push the current menu to the left.

    4. A Back button is in the upper left to back out of menu levels.

    5. To dismiss the menu, the user would need to tap on the webpage (any part of it, not just the visible slide menu icon) that's pushed off the right edge of the screen.



  5. Footer Carousel animations/transitions
    (Desktop) Footer Carousel transitions between images should animate left/right and load the next group of images.
    (Mobile) All images in a Footer Carousel should crossfade to the next group of images.

  6. Tabs in Desktop vs. Mobile views
    (UI Elements) Tab Structures on Desktop change to a simple Dropdown box for Mobile View (iOS Spinner/Android Pop Up box w/ Radio picker)

  7. Accordions
    Only one shall be open at a time. Clicking on another row will expand the picked row and collapse the outgoing row.