Thought Pieces
Projects
All Articles
-
Evolve Hack: Getting All Your Links in a Row
The link component in Evolve Authoring lays links out rigidly. But you can hack it to align horizontally and simply wrap onto new lines as needed.
-
Custom Highlighting in Visual Studio Code
Code editors often have plugins that let you add custom highlights to your code. These can help you highlight aspects of your code that are important to your workflow.
-
LottieFiles: Download or Link to?
If you’ve been considering using Lottie animations in your projects. Should you link to them or download and package them with your project?
-
Linking Lottie Animations from GitHub
Storing your files separately and linking them into your projects can give download, and maintenance benefits. One way to do that is using Github.
-
Evolve Hack: Restyle MCQ Ticks and Crosses
MCQ feedback icons in Evolve appear within the page and inside popups, but they tend not to match each other. This hack allows you to tweak that.
-
Evolve Hack: Highlighting the Retry Button
When you add an MCQ or GMCQ block in Evolve, a button can be can shown that allows users to reset the question and try again. This hack helps that button stand out.
-
Evolve Hack: Style Accordion Links Like Buttons
Accordion components in Evolve only allow text links, not buttons. So I created this hack to style the links like more polished and consistent buttons.
-
Evolve Hack: Hiding Locked Articles
Sometimes you want an article to be hidden completely until a certain interaction occurs. This hack allows you to use locked articles for this purpose.
-
Evolve Hack: Refining Button Icons
Buttons can feel unbalanced when you add icons into them. This hack will help fix that.
-
Evolve Hacks: Applying Your Hacks
Learn how to apply the default customisation template with it’s default customisations. As well as how to use that template to copy in other styling changes.
-
Hacking Evolve Authoring
I used to hack Evolve Authoring’s project exports to handle the most common issues I need to solve. I’d add custom CSS and JS files to make adjustments. So I thought I should share these techniques…
-
Using Lottie Animations in Storyline 360
While Articulate Storyline provides basic animation tools, there is often a lot to be desired. With various brute-force methods, complex animation can be created, but often certain techniques are only realistic in other software. Lottie animations can sometimes bridge that gap.
-
Using Lottie Animations in Evolve Authoring
While working in Evolve Authoring, one technique I applied quite regularly was to replace static graphics with animated ones—Not animated GIFs or videos, however, but Lottie animations—that are often much smaller in file size and much higher quality. This article looks at that process.
-
What is a Lottie Animation?
Lottie is a tool that helps enable more fluid animation across websites and apps. It’s a great way to get clean, crisp, vector animation into your products.
-
Using Lottie Animations through iFrames
Embedding Lottie in an html page is often the easiest way to use it in various authoring tools that don’t natively support it.
-
Stock Lottie Animations: Finding & Using Them
If you’re not creating your own Lottie animations, where can you get them?