javascript,
1 TopicRise notes utility
I added a global utility bar to my Rise course to add a simple 'notes' piece, data is kept in the browser's local storage and it will not write to SCORM. Because of the global nature of this addon, it can be a handy way to make the functionality, and even some branding, always available to users across your entire course.
898Views13likes13CommentsCould You Pass the 1912 Exam?
The examining board is waiting. In 1912, Bullitt County students gathered at the courthouse once or twice a year to sit the Common Examination. The local newspaper urged even seventh graders to start preparing early. It was a big deal. For Challenge #549, I didn't redesign the exam. I stepped into it. It starts by asking for your Christian name. Not your name. Your Christian name, because that is what a 1912 Kentucky schoolmaster would have said. That one detail sets the tone for everything that follows. The examiner knows your name and isn't shy about using it. The margin notes are handwritten and pointed. The feedback is sarcastic, whether you are right or wrong. Your result arrives as the front page of the Bullitt County Gazette. Personalised headline, rubber stamp verdict, and Superintendent O. Harned's wax seal. If you score zero, the editors note they have done what they can. Go on then. Submit for marking.Creating Animations and Interactions in Storyline with Simple CSS and JavaScript (No Coding Required)
Learn how to make your courses move, react, and impress as guest presenter Natalia Vostretsova skips the coding theory and dives straight into what you need to know. You’ll walk away with a practical framework and ready-to-use code you can apply right away.2.6KViews11likes0CommentsTutorial - How To Control Rise Block Interaction From Storyline Using JS!
Hi Heroes! It’s fantastic to see that Storyline developers interested in using JavaScript to enhance the user experience now have our own dedicated group with the latest E-Learning Heroes website update! Nearly three years ago, I launched my ‘Storyline Magic’ tutorial series on YouTube because I wanted more resources to be available for those looking to leverage JavaScript coding to push the boundaries of what’s possible working with Articulate software. In the very first episode, I demonstrate how combining JavaScript with CSS in Storyline can automate actions within an Articulate Rise course. Specifically, I show how to automatically advance the learner to the next lesson in Rise after they complete the required actions within a Storyline activity: Storyline Magic Series - Episode 01 Controlling Rise Navigation In Articulate Storyline --- My name's Chris Hodgson, an eLearning developer and software trainer based in the UK. I enjoy creating fun, unique, and engaging online experiences using Articulate software! Connect with me on LinkedIn - https://www.linkedin.com/in/chrishodgson44/425Views9likes0CommentsWhere there's a Will there's a way
Storyline's new Javascript API makes it simple to add custom animations and hover effects to your courses. So simple, that it took me no time at all to build this #ElearningChallenge demo after being terminated by Litmos due to restructuring. Looking for an award-winning learning manager, equally at home tinkering with Javascript, managing creatives, and developing your learning strategy? If so, I am #OpenToWork This demo is best viewed on a desktop and navigated using a mouse: https://bit.ly/jonopentoworkFixing Slide Positions For Drag Interactivity On Mobile Using JavaScript
Hey Heroes, I’ve recently been working on a number of client projects that really put the new JavaScript API in Storyline to good use! One challenge I had to overcome was how Storyline behaves on mobile devices. By default, it seems to add a slide-drifting transition when users swipe—great if you're building swipe navigation between slides, but not so helpful when users are meant to interact with objects on the slide itself. For example, trying to drag an object can instead cause the whole slide to shift, which can lead to some confusion and frustration. For this week’s challenge, I’ve put together a demo that showcases the solution I developed to disable this behaviour when needed. You can try out the project here: LINK Copy the JavaScript code snippet for your own projects: LINK I also recorded this video for YouTube showing the results:
New Tutorial! Build Dynamic Animated Bar Charts In Storyline Using JavaScript
Hi Heroes, I’m excited to share the latest episode of my Storyline Magic Series with you all! In this episode, I'll be showing you how to create dynamic animated bar charts in Articulate Storyline 360, using standard Storyline shapes, variables, and a touch of JavaScript magic. 📊✨ One of the highlights of this technique is that your chart animations are controlled using Storyline number variables, and bar shapes will adjust their height beautifully across all screen sizes, ensuring consistent results for all users. By the end of the tutorial, you’ll have a reusable template that you can apply to any bar chart designs you want to bring to life in Storyline! Check out the full tutorial below, along with a link to all previous episodes in the series: Watch the full series here - https://lnkd.in/dNvyD7wv --- My name's Chris Hodgson, an eLearning developer and software trainer based in the UK. I enjoy creating fun, unique, and engaging online experiences using Articulate software! Connect with me on LinkedIn - https://www.linkedin.com/in/chrishodgson44/
1KViews7likes2Comments