Skip to main content
  • Main Menu
  • Utility Menu
  • Search
University Logo
HARVARD.EDU

Harvard Web Publishing

Assets Library

Resources for efficient OS site building

QA Process Checklist

The QA Process Checklist document contains lists of information related to cross-browser testing, responsive design, accessible design and more.

Content

  • On-site Qualtrics Survey
  • The Best Way to Clear Facebook’s Open Graph Cache
  • Accessible friendly - push content off screen
  • Simple Vertical timeline
  • Display "Email" instead of profile email address in teaser
  • JS Changing Title & Breadcrumbs and More
  • Responsive iFrame
  • Javascript Redirect

Layout

  • Hero Inline Image with Heading floated on Top
  • Place Secondary nav next to Harvard.edu link in branding header
  • CSS Flex - float left/right site info and menu on same line
  • Section Nav Menu as buttons/boxes
  • CSS Grid using flex or grid
  • Custom Branding Header
  • Equal Heights jQuery

Video

  • Video black bars consistency corrections for LOF
  • Video Embeds: Recommended resolution & aspect ratios
  • Reverse Engineering Kaltura Video URLs

Campus Press Service

  • Links to styling assets

Effects

  • CSS Text Shadow Generator
  • Smooth Scroll Between pages JS
  • Tabs
  • Fullscreen Background Image Slideshow with CSS3
  • On hover image zoom
  • Accordion
  • Zoom/shift Parallax background image
  • Color Palette Generator with option to lock colors
  • Space between Gears in Columns and their widgets
  • Blockquote
  • People Images - Display large pic (instead of small thumbnail)
  • CSS - Tint an Image in a page (NOT a bg image)
  • Hover Card with Rise Effect
  • Smooth Scroll JS - Accessible
  • CSS Gradient Generator
  • CSS Box Shadow Generator
  • Arows - CSS

Search

  • Auto check retain filters checkbox on search page
  • Search icons
  • Google Custom Search
  • Remove Placeholder text from input field (Google Custom Search)
  • Search box in menu effect

Tools

  • Hotjar
  • Diffbot

Images

  • Arrows
  • Placeholder Images
  • IconFinder
  • Harvard Image Library
  • GIF Maker

Typography

  • Horizontal rule before or after a heading
  • Prevent FIrefox chunky font appearance
  • Custom Google Fonts

Libraries

  • Host CSS or JS file on Google Drive
  • Location and Login Info to Custom Themes in Github
  • JS Wow
  • Animate CSS

Quick Theme CSS fix (band aid)

  • Hack to fix One Page theme large top margin issue
  • Links

dbbf9c3f28186811e6b1a32543797143

ecf8d423617e226c560801e7fbff4f51

Admin Login
OpenScholar
Copyright © 2022 The President and Fellows of Harvard College | Accessibility | Digital Accessibility | Report Copyright Infringement