Sean Zdenek, PhD – Access, sound, captioning, film/media. Sean Zdenek is an associate professor of technical and professional writing at the University of Delaware. His book, Reading Sounds: Closed-Captioned Media and Popular Culture, won the 2017 award for best book in technical or scientific communication from the Conference on College Composition and Communication (CCCC).
Instructional Design Resources
HTML and CSS Courses | Udemy
Free HTML and CSS courses on Udemy.
Learn HTML | Interactive tutorial from web.dev
This HTML course for web developers provides a solid overview for developers, from novice to expert level HTML.
Learn CSS | Codecademy
In this CSS tutorial, you’ll learn how to add CSS to visually transform HTML into eye-catching sites.
Learn HTML | Codecademy
Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.
Style
Visual Hierarchy
How to make strong designs using principles of visual hierarchy.
Alignment
How to make strong designs by aligning elements.
Typography
All about font.
Visual Design Solutions: Principles and Creative Inspiration for Learning Professionals
This is a good foundational resource on visual design, particularly tailored for educators and instructional designers.
Design for How People Learn (Voices That Matter)
This is an excellent, to-the-point book with lots of examples and graphics.
Visual Design Principles: Color
This video covers best practices for using color.
Color Names – HTML Color Codes
Modern browsers support 140 HTML color names which arelisted here along with their Hex color codes and RGB values.
Coolors – Color Palette Generator
Generate or browse color combinations.
Color wheel, a color palette generator | Adobe Color
Adaptive eLearning
This is a "case study" from a design firm about a progressive web app created for McGraw Hill.
The Non-Designer's Design Book
Excellent foundational book on design.
POLSC 101: Introduction to Political Science
A MOOC from Saylor Academy. It could be more user-friendly (shorter paragraphs, shorter sentences, more informal language), but overall is decent.
Instructional Evaluation Service Course
This is an OER course on instruction design that, appropriately, is a reasonably good example of instructional design. I say reasonably because it could be better in terms of visual design and wayfinding.
Build a Healthy Plate
Designing and Teaching for Impact in Online Courses
This course could be a more visually effective, but on balance it's a decent example of ID principles like chunking content, checking for knowledge, and accessibility. BONUS: Lots of good ID info in the course itself.
Mapping Nuclear Verification
Jinsha River Basin
Kick My Habits. How Much Could You Save?
An interactive "game" that shows savings from avoiding habits like smoking and eating out.
The ABC’s of Living a Healthy Life
Good example of keeping each slide simple. Also good example of consistent style through graphics and type.
Column and Veil
As a website, this is a little annoying (you have to click on all the items before you can proceed). But there are some good ideas for learning design.
SPENT
Interactive poverty simulation.
Institute for Wetland and Waterfowl Research: Ducks Unlimited
Check out the ducks move as you scroll down!
The Global Goals
Year End Annual Report Template
Venngage template.