Monthly Archives: September 2021

Instructional Design and eLearning Portfolio Ideas

  • Google Maps Platform projects:
    • Choosing your APIs
    • Securing your API keys
  • Setting up a VM for development using Google Cloud Free Tier (public version)
  • Smaller Google Cloud portfolio projects:
  • Distinguished Club Program infographic (static first, then dynamic)
  • Toastmasters Pathways projects for Job Seekers – “Make Connections Through Networking (3)”; “Prepare for an Interview (3)”; “Building a Social Media Presence (4)”
  • Marketing Yourself on LinkedIn
  • Leadership in Toastmasters – “the MF ManiFesto (develop in online guest speeches at clubs on the way to DTM)”; “why we gotta keep getting more members?”; “The SMART Distinguished Club Program – it’s development for you”; “20 or Plus 5” (keynote-length speech for PM5)
  • eLearning for Toastmasters Club Coaches / Club Mentors / Club Sponsors
  • eLearning for Toastmasters club meeting roles – Toastmaster, General Evaluator, Evaluator, Grammarian, Timer
  • Blended learning Toastmasters Club Officer Training (able to be delivered by Area Directors)
  • Adaptive testing project – ???
  • Losing Weight – “‘Diet’ means ‘way of life'”; “Your Hybrid Powerplant (old TM speech)”; “What does ‘fat-burning zone’ mean on exercise bikes?”; “What is Max Heart Rate, exactly?”; “calculating Basal Metabolic Rate (history of BMR calculations)”; “is metabolic advantage a thing?”; “Muscle burns HOW MANY calories?”; “can you exercise yourself thin?”;
  • Visual Guide to Git
  • Job aids using PowerShell GUI or Electron / Ionic apps

Links for Instructional Designers

Parallax Scroll with CSS

My first portfolio project will be FreeCodeCamp’s “Tribute page”, the first project in their beginner Responsive Web Design track.

It’s a fairly simple web page, and it would be pretty easy to create a minimal solution that fulfills all the requirements. But if I’m going to add it to my portfolio, I want something at least a little better than the minimum, so I’ve been thinking about ways to improve the look of the page.

Parallax scrolling is where two or more elements on a web page move at different speeds when the page is scrolled (vertically or horizontally). It’s a little gimmicky, I suppose, but I think it will work for this project.

The Google Web Developers December 2016 Updates (blog) had an article titled Performant Parallaxing that explained how to implement parallax scrolling using CSS that works cross-browser.

It looks like it should be pretty simple to add to my first portfolio project. And since I currently work for Google and plan to use Google Maps Platform examples in my later portfolio works, using their parallax scrolling solution for a non-Google portfolio project seems appropriate. However, the article was written in 2016, so it may require changes to work with current browsers.