Category: Development

Apps, Gadgets and Tech to Create, Collaborate and Elevate #IDIODC

If you haven’t checked out the #IDIODC podcast, Brent and Chris interview and dive into topics around learning and technology. Great way to keep up and connect with peers.

You can listen to my chat about technology and expanding your toolbox.

Check out the weekly episodes, every Wednesday and you can listen to the library at:

Capturing a long scrolling browser page simply in Chrome

Challenge: Need to grab a long scrolling page.

Solution: from within Chrome:

  • Open Developer Tools
  • Select Run Command from : Menu
  • Type “screenshot” and Select ” SCREENSHOT Capture Full Size”

or in Responsive Mode

  • Select : and chose Full Screen Capture.
  • Select “Capture Full Size”


PNG is saved directly to your downloads and your ready to review, annotate or share (after a little compression / export to JPEG or PDF).

A Game-Changing Tool for Online Collaborations with

Miro is one of those tools that gets me so excited about the possibilities and how it can help teams get stuff done because it works transparently, for the most part, and allows you to create, brainstorm, gather feedback or quickly collaborate on the next steps. The tool works via your browser or you can download an app for your desktop or mobile device. If you have an Apple Pencil, Surface Pen, or similar you can draw, annotate more naturally on screengrabs, elements, or just write some notes.

In the past 90 days Miro has launched several new features:

  • It allows you to invite additional non-registered users for collaborating, gathering data, and participation without having to add them to a paid plan. This is a game-changer that opens up the possibilities of how you utilize the platform outside your primary team.
  • Visual tables which allow you to use rows and columns to organize text, graphics, icons, and screengrabs
  • Attention management which allows the board owner to gather all collaborators to a particular part fo the board to focus their attention
  • More integrations including Jira, Confluence, Trello, Airtable, Notion
  • Use your mobile device to convert handwritten stickies to virtual sticky notes that are editable

How I Use Miro:

  • Team brainstorming where we review concepts, gather ideas, organize concepts
  • Tracking stakeholder meetings, notes, and export as PDFs to share post meetings
  • Brainstorming: voting via collaborators
  • Quick wireframing using the PEN tool and lo-fi using the add-on
  • Creating tables to organize ideas
  • Moodboards to capture concepts, research, and feedback
  • Webinars to involve participants in sharing, brainstorming and collaborating
  • Working with journey mapping and mind maps for projects
  • Capturing stickies from my wall to share with remote team

This week launched a new MIROVERSE where you can share your templates with the community so that they can learn, get new ideas and personalize for your team.

Why are you still reading this? Jump over to, sign up for a free account, and start to plan your team’s next collaboration session.

Check out the live and free recorded sessions from the #learningcollective created by @RISC_Inc with content by @KristenLearning @LearnNuggets @sarahmerci @JD_Dillon (to name a few)

RISC has been curating content to help L+D professionals stay ahead of the curve and learn, expand and grow their knowledge-based from creating content, UX, designing for every screen, to how to conduct interviews to learning about AI just to name a few of the topics:

Check out at:

I’ve watched and taken notes on sessions from JD, Kevin, Kristen, and Sarah’s so far. Join me for my live broadcast on Getting Started with Prototyping using Adobe XD, we’ll cover the basics to get you launched as well as share several resources and our favorite tips, tricks and plugins. May 20th at 10am ET.

You can watch the recorded presentation below.

#LearningCollective: Getting Started with Prototyping using Adobe XD

In this #LearningCollective session, you'll learn how to get started, best practices and techniques to improve your experiences, and workflows that will help you kick off any project the right way. Adobe XD can be downloaded for free to start to use and build into your workflow for Mac and Windows. If you update to a subscription plan you can take advantage of sharing, collaborating and gathering feedback. You will leave this session with a tool to turn your concepts into reality! You'll also get several resources for taking your experiences to the next level and getting you and helping your organization jump forward.If you're catching the video replay, drop a comment or question. We know you'll find this session with Nick Floro very informative! Connect with Nick: #AdobeXD

Posted by RISC, Inc. on Wednesday, May 20, 2020

Accessibility Resources

Two resources for learning and planning around designing for everyone. Understanding the possibilities during planning will lead to a more usable experience.

Accessibility Do’s and Don’ts

Thinking about best practice do’s and don’ts check out this blog post.

Thinking about Accessibility for Teams during planning and workflows.

Developed by the for assisting teams around inclusive design. check out this quick start guide.

More resources:

Microsoft Inclusive Design

Trends in Learning: Where Should I Focus 2019 #DevLearn Design + Tech

With the constant changing and evolution of technology, we need to understand what is possible and how to determine what is a fit for your audience. Join us for this in-depth look at what tools, design, and technologies we should focus on in learning today, and what’s just around the corner. We’ll dissect what technology will be enhancing learning, and what we need to get excited about and start planning how to integrate into our solutions. What can we learn from the buzz and new tools appearing in the consumer and corporate environments and how can we take advantage of them to help our audiences succeed? This fun session will give you dozens of ideas and reboot your brain with fresh perspectives on how to enhance your learning today. 

Download the presentation.

View & Download Presentation: A Guide to Designing and Launching Amazing Learning Experiences #ATDTK19

View & Download the presentation from Friday, Feb 8, 2019 at ATD TeckKnowledge in FL.

Designing amazing learning experiences for your learners is critical to the success of how they engage, focus on the task at hand, and utilize content, tools, and apps. This session will break down what’s important in designing great experiences and provide you with the resources you need to get started and inspired, from mobile to desktop and beyond. We’ll discuss design strategies, what works and what doesn’t, and how to plan and prototype. You’ll get to see demonstrations of several great examples. Come away with more than 10 resources for building inspiration and taking you, your learning experiences, and your organization to the next level. 

– Apply a simple process to define and kickstart your next learning project. 
– Use design tips and techniques to enhance your learning experience. 
– Discover resources, tools, and practical examples that can be applied to your next project. 

Media Compression : Audio and Video Best Practices

The majority of video and audio content delivered on the web has transitioned to HTML5 over the past 2 years. The compression process has gotten simpler as long as you take into account, remembering to compress your content and following a couple of simple guidelines. In order to deliver optimal content across devices we have two simple ingredients:

1. The H264 Codec which is part of Mpeg4.
2.  The native HTML5 player allows for a simpler delivery of audio and video assets across devices without having to license a player.
Understanding the Video/Audio Compression Process – Tips
Within our workflow, we divide video and audio product into four main steps.


1. Video & Audio Assets
It all starts with capturing the content. Whether you are working with an internal group, your own team or a 3rd party it is always important to get the final assets on a hard drive at the highest quality possible. This will allow you to full control over compression and add the bonus of allowing you to recompress in the future when new technologies or codecs are introduced or optimized. Hard drives continue to drop in price, you can now get 4 terabytes for less than $150. Based on the quality size and compression you are using you can store 2-10 hours of content on the drive.


2. Compression
Here’s where the fun starts, it’s gotten easier and easier to compress content with the latest tools whether free or full-featured tools allow you to easily drag and drop a setting, click compress and squeeze your content to the optimal size.
First, when you are shooting your video, there are several formats and sizes that you can shoot at today. Most video cameras are shooting at HD which offers a 1920 x 1080 pixel size. This is a high-res format and you can notice every little detail of your content. Typically we shoot and capture at this quality and then size down the assets to make it easier to work with in editing. What’s nice is that the majority of devices support HD or at a minimum SD quality so the content you are capturing looks amazing.
The next step is to select a size for displaying your video content within your content. The following graphic shows some typical guidelines and sizes that we start with. Today,  you can basically deliver in any size and format. Your video can be delivered 16×9, 4×3 or any other aspect ratio you can think of which gives you a lot of creative license.  As a  guide, we use 960×540 as a default size.
When capturing your video, it is typically shot at 29.97 frames per second (FPS). When you compressing your content,  we typically deliver at a lower frame rate of 10-15 fps. This allows for a much smaller file size and makes it easier to deliver to your audience.

Key frames are used when scrubbing your video forward or backward using the shuttle play bar. If you don’t have enough, you’ll notice inconsistent behavior and skipping while you move the shuttle bar. We use 4 times the frame rate to define the number of keyframes. So if our frame rate is 15, our keyframes would be 90 (4 x 15).
The other variable we want to focus on is the data rate of your video. Based on the length of your video, the dimensions within your content we will target 800 – 1200 kilobits per second for our data rate. If you have good quality video this will give you great compression without noticeable loss in your video content.

We also get a bonus by using newer codecs, such as H264. They allow for a technique called pixel doubling, so if you compress your video to a size of 320×240, you can stretch or size the video 2x, in this example 640×480. This allows for smaller sizes but offering a larger format for delivery.
If your video is coming from an analog format, don’t forget to deinterlace your content to remove the banding effect.


Compressing Audio
The other important ingredient most of us forget is to compress our audio. For audio, you want to make sure you :
  • Downsample the audio from stereo to mono
  • Switch from 44khz to 22khz
  • Use the MP3 codec at 64 kbit/s for the bit rate
This will give you a much smaller size and still have great quality content.


3. Authoring

When authoring content, whether you are using a tool or building in html you want to create a workflow to insure you will be able to easily update, edit and swap out audio or video assets based on your needs. Selecting a workflow where assets are external and named for understanding a week, month or year after you have launched your project will help to insure you can quickly identify and update assets as needed.


4. Delivery

When delivering your content to your audience, based on the size and location you want to gather feedback and you may want to consider adding a content delivery network if you support hundreds of views a day


Tools to Check Out

There are dozens of tools that can be used for audio and video compression, here’s a short list of what I use daily: – a free opensource video transcoder for

Adobe Media Encoder – if you have the Adobe Creative Cloud you can install and utilize this app for Mac and Windows and compress content.
Hope that helps, I’ll jump into some additional details, tools and post some samples.