Web Strategy and Development News

Template version 2018.11.0 released

by

Added

  • Dynamically generated changelog to documentation section
  • New patterns:
    • Degree plan
    • Job description
    • Religious lives of women profile
    • Homepage alert

Changed

  • Location of image and script assets from deprecated external folders to currently-managed msuwds folder
  • Blog and calendar feeds to use new loader animation
  • File structure of course and degree patterns

Fixed

  • Visible search button artifact on global masthead

Blog updates 2018.10.0 released

by

General

Changed

  • Changelog to break out to discrete changelogs per plugin/theme; repo changelog notes repo-specific changes and plugin/theme version updates
  • Version numbers on plugins/themes to no longer directly follow the project version number

Themes

MSU Magazine Pro (1.4.6)

Added

Changed

  • Masthead and footer logos to use circle-R versions

Feature details

Social footer settings

If you use the MSU Magazine Pro theme, you now have the ability to easily customize your social footer. To add your social footer to your blog, do the following:

  1. Log in to your WordPress dashboard.
  2. In the sidebar, hover over “Appearance” and click on “Customize”.
  3. In the settings sidebar, click on “Social Footer”.
  4. Fill in settings that apply to your unit and blog (delete any text you don’t want to have display).
  5. You can check your progress in real-time in the preview window.
Social footer settings
Field Description
Display the social footer? Toggles on and off the social footer
Unit name Typically the name of the unit/department that hosts the blog
Hashtag A hashtag that is typically associated with your unit/department or blog; be sure and include the hashtag (#) symbol in the text; refer to the university’s guidelines on social media content and official hashtags for additional information
Hashtag URL Supply a valid URL that may be associated with your hashtag such as a link to a Tagboard site
Facebook profile URL A valid Facebook profile URL
Twitter profile URL A valid Twitter profile URL
Instagram profile URL A valid Instagram profile URL
YouTube profile URL A valid YouTube profile URL
Pinterest profile URL A valid Pinterest profile URL
LinkedIn profile URL A valid LinkedIn profile URL
Flickr profile URL A valid Flickr profile URL

Currently, the social footer is limited to the platforms listed in the settings table, and the platforms cannot be reordered.

Template version 2018.10.0 released

by

Added

  • Default styles for description lists
  • Task for testing accessibility of patterns with Axe
  • Terminal messages to clarify task initiating at during build
  • Consistent element state (link, visited, hover, active) styles to links and buttons

Changed

  • All list styles to have greater consistency among each other
  • Catalog degree pattern to use notice pattern include instead of static HTML
  • Gulp task structure to reduce redundancies and further streamline the various build processes

Fixed

  • Legend series labels showing in reverse order on stacked bar charts
  • Spacing inconsistencies within:
    • feed items
    • overall grid structure
  • Invalid div nested within button on accordion pattern
  • Inconsistent heading structure within scholarship pattern
  • Hanging Gulp processes
  • Error when copying out UI theme
  • Styling issues regarding links with .Button class

Removed

  • Styles that caused double underline on hyperlinked acronyms

Template version 2018.9.0 released

by

Added

  • Linting tasks for Sass and Javascript files
  • Minification tasks for Javascript and image files

Changed

  • Combined YouTube video and YouTube playlist into one pattern
  • Missouri State and Make Your Missouri Statement marks in global masthead and footer from TM to circle-R designation
  • West Plains wordmark/sprite from PNG to SVG
  • Styles for course tooltip hover; incorporated into global stylesheet

Deprecated

  • tooltips.css (marked for removal on Feb. 4, 2019)

Removed

  • Hidden navigation pattern (it is essentially the same pattern, but a special use case within Web Press)
  • Deprecated tab pattern and related styles
    • missouristate.info/webpress/tabbed.css
    • missouristate.info/webpress/tabbed-old.css
  • Deprecated global masthead pattern

Fixed

  • Photo slider transition bug in Firefox
  • Style linting errors and warnings
  • Line charts unnecessarily filling in area underneath line

Template version 2018.8.0 released

by

Added

  • Color palette documentation for Springfield and West Plains
  • Calendar feed patterns (static version)
  • Grid documentation
  • Custom styles for scholarship chart

Changed

  • Call to action pattern link and page variants to be the same pattern
  • Campus map pattern to have responsive width
  • Contact information pattern to use the campus map pattern instead of a hardcoded embed
  • Status declarations on the pattern library to accurately follow our workflow and help users know of new and updated patterns
  • Folder structure to streamline organization of patterns
  • Reference names of many patterns — especially those ending with block — to shorten overall length of names
  • Accordion (formerly dropdown) markup to use button structure and various ARIA attributes to aid in accessibility

Deprecated

  • Old accordion (originally named dropdown) pattern (marked for removal on Dec. 3, 2018)

Removed

  • Unnecessary preview files:
    • _msuwds-masthead.hbs
    • _msuwds-wp-footer.hbs
    • _msuwds-wp-masthead.hbs

Fixed

  • Focus styling issues:
    • Focus ring no longer arbitrarily crops within certain content columns
    • IE 11 no longer treats everything as focusable (custom focus styling is now strictly limited to interactive elements)
  • Hardcoded prefix on chart data labels; format is now the same for both data labels and the tooltip