January 2021 Meeting Notes
Tuesday, January 12, 2021 - 2:00pm
Governance Board update
- New Governance Board members (2021-22) had first meeting. Talked with Unanimous about the website they're building for Public Policy Center, which has an approved secondary logo.
WebAudit Metrics
Top Level & Admissions site updates (redesign, information architecture) - Ryan Dee and Matt Bryant
- Discussed mindsets and coordination on top level redesign and sections of Admissions website redesign
Framework Updates and discussion
- New button styles and form style updates going live this month
AVIF: next generation image format
- New format can compress images to 1/5 or less the size of JPG with no noticeable difference. Currently being used on most top-level site images.
https://squoosh.app/ is app to export that format (among others). Coding example at bottom of notes for using on your own site.
Coding / webaudit session
- Next month (February 2021), we'll have a post-meeting open forum for going over coding issues / webaudit problems that people are finding. Will
Using AVIF
<div class="dcf-ratio dcf-ratio-16x9 unl-frame-quad unl-bg-lighter-gray">
<picture>
<source
data-sizes="(min-width: 74.83em) 43vw, (min-width: 42.09em) 28vw, 89vw"
data-srcset="images/research/unl-cb3-sm.avif 320w,
images/research/unl-cb3-md.avif 640w,
images/research/unl-cb3-lg.avif 960w,
images/research/unl-cb3-xl.avif 1280w"
srcset="data:,1w"
type="image/avif">
<source
data-sizes="(min-width: 74.83em) 43vw, (min-width: 42.09em) 28vw, 89vw"
data-srcset="images/research/unl-cb3-sm.webp 320w,
images/research/unl-cb3-md.webp 640w,
images/research/unl-cb3-lg.webp 960w,
images/research/unl-cb3-xl.webp 1280w"
srcset="data:,1w"
type="image/webp">
<source
data-sizes="(min-width: 74.83em) 43vw, (min-width: 42.09em) 28vw, 89vw"
data-srcset="images/research/unl-cb3-sm.jpg 320w,
images/research/unl-cb3-md.jpg 640w,
images/research/unl-cb3-lg.jpg 960w,
images/research/unl-cb3-xl.jpg 1280w"
srcset="data:,1w"
type="image/jpeg">
<img
class="dcf-ratio-child dcf-obj-fit-cover dcf-lazy-load dcf-fade-in dcf-animate-on-scroll"
data-src="images/research/unl-cb3-sm.jpg"
src="data:,"
height="180"
width="320"
alt="C B 3 Center for Brain, Biology, and Behavior">
</picture>
<noscript>
<img
class="dcf-ratio-child dcf-obj-fit-cover"
src="images/research/unl-cb3-sm.jpg"
height="180"
width="320"
alt="C B 3 Center for Brain, Biology, and Behavior">
</noscript>
</div>