October 28, 2016
Once you get it, the Responsive tools in Captivate 9 are Brilliant
Comments
(2)
October 28, 2016
Once you get it, the Responsive tools in Captivate 9 are Brilliant
Explorer 17 posts
Followers: 13 people
(2)

 

WYSWYG editors for newsletters and web pages are tricky.  They have to write code for you.  Writing HTML5 responsive code is pretty challenging, so to have Captivate write it for you and combine it with all the features we’ve grown to love (and struggle with) is truly an amazing feat.

I am ready to leave the desktop and SCORM behind and dive head first into the wild west of mobile learning.  Online hosted services are starting to offer mobile courseware solutions, but if you want to be creative, don’t waste your time.  If you really want to innovate, for me the answer is Captivate.

Here are a few tips:

Image px vs % Set your background images to 100%, but after import, change almost everything else to px dimensions. There will be exceptions to this rule, like some SVG graphics that you want to scale automatically, but you have to consider each graphic.

Why change from percentage to pix right away?  If you ever duplicate a slide, to use it as a template, you’ll want to make the change right away.

Center Things: Let Captivate center things horizontally for you.  It will simply work on every device, but remember if you’re not scaling things automatically, don’t make the object larger than 300px wide.

That’s all I have for today.  If I see any interest in this, I’ll try to post a few times week.  I’m working on responsive layouts all the time now, and I love it.

P.S.  It works great with PhoneGap!

 

 

2 Comments
2016-11-20 17:40:21
2016-11-20 17:40:21

Why does mobile learning mean leaving SCORM behind?

Responsive design support is good in Captivate, but there is a great deal of trial and error involved in getting things to work as expected. WYSIAWYG (What You See Is Almost What You Get) might be a more accurate acronym.

Like
()
2016-11-08 21:20:19
2016-11-08 21:20:19

Good tips! Regarding images, I presented last year on six tips for importing images into a responsive design project and how you should differ on the method depending on the type of image. It was the result of a lot of trial and error. 🙂

Joe Ganci

Like
()
Add Comment