Versions Compared

Old Version 3

changes.mady.by.user Joe Rios

Saved on

compared with

New Version Current

changes.mady.by.user Joe Rios

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
  1. Custom Font Usage/Fallback
    When the user is behind a protected network that doesn't allow use of our specified fonts, we'd request that the Arial family be 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. Prohibited Prohibit Usage of Icon Fonts/SVG/Icomoon
    Since the client's internal network does not allow font downloads, it creates issues when your teams create icomoon type font sets out of icons. Client has been consistently reporting that they cannot see a lot of icons that were in the signed off comps. We'd request the use of traditional 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. We understand that antiAnti-alias text effects (smooth, sharp, crisp) used in design can’t be preserved in markup because HTML/CSS doesn’t render it. Items
    Certain circular items that are drawn via CSS , especially circular items that degrade into squares at that point (pagination dots, etc). At this point, please make the item a png asset.
    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.

    6.  Items with a Submenu: When tapped, the parent menu's title shall be displayed where it says "{Landing Page TItle of Previous}"



  5. Footer Carousel animations/transitionsFooter Carousel animations
    (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.