article thumbnail

Is Your Design Really “Responsive?”

eLearning Brothers

There are actually three primary methods leveraged when creating content for multiple devices: [Fluid] Responsive (RWD). In May 2010, Ethan Marcotte coined the term “Responsive Web Design” (RWD) in an article he wrote for A List Apart where he suggested using a fluid grid system to enable webpages to “respond” to the device viewport.

RWD 135
article thumbnail

Is Your Design Really “Responsive?”

eLearning Brothers

There are actually three primary methods leveraged when creating content for multiple devices: [Fluid] Responsive (RWD). In May 2010, Ethan Marcotte coined the term “Responsive Web Design” (RWD) in an article he wrote for A List Apart where he suggested using a fluid grid system to enable webpages to “respond” to the device viewport.

RWD 135
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

article thumbnail

How to Convert Flash-Based Websites to HTML5 Right Now!

Hurix Digital

Over the years, Adobe Flash-ActionScript and HTML-JavaScript-CSS based development have been used as two of the main approaches for websites and other front-end web-based applications. Support of Responsive Web Design (RWD). The next step is to choose HTML Canvas and click OK. Why Convert to HTML5?

article thumbnail

Create a Vimeo 15 second rewind button

Adobe Captivate

Embed your Vimeo video by importing the HTML zip file as an HTML5 Animation. var rwd = sec -15. frameElement.contentWindow.player.setCurrentTime(rwd).then(function(seconds) var rwd = sec -15. frameElement.contentWindow.player.setCurrentTime(rwd).then(function(seconds) then(function(sec) {. window.frames[0].frameElement.contentWindow.player.setCurrentTime(rwd).then(function(seconds)

RWD 40
article thumbnail

The 3 mindsets of m-learning

E-Learning Provocateur

If you base it on HTML so it will run across operating systems, you can make the course device agnostic. m-learning apps Bring Your Own Device BYOD BYOT experience experiential learning iPad iPhone learning M-Learning’s dirty little secrets mlearning mobile mobile learning pull push responsive web design RWD smartphone tablet training'

RWD 255
article thumbnail

Adaptive versus Responsive Design

Obsidian Learning

With adaptive design, the server hosting the website detects the devices making requests to it, and uses this information to deliver different batches of HTML and CSS code based on the characteristics of the device that have been detected. [ Google recommends using RWD over other design patterns. ” [ 3 ].

RWD 40
article thumbnail

Flash: an End of an Era – What You Need To Know

Aptara

Adobe Captivate (9/2017) and/or custom HTML5 can be used to migrate the existing Flash-based courses into a mobile-ready format using Responsive Web Design (RWD) principles. RWD helps enable the screens/pages of a course to adjust the screen size of the device used to access the course. Have flash content to be converted to HTML 5?