ebook-responsive-elearning-with-links-us
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
3 Determining<br />
A Responsive eLearning Design Strategy<br />
3.3: Challenges and Solutions<br />
3.3.1: Design<br />
b<br />
SVGs and SVG Animations: Converting vectors to images and then scaling them can lead to quality<br />
loss. A better solution is to convert vectors to Scalable Vector Graphics (SVG) format.<br />
The SVG format offers the following benefits:<br />
It bypasses the problem of screen resolution.<br />
It is built <strong>with</strong> XML, and therefore gives a relatively lightweight file.<br />
It can be manipulated and styled j<strong>us</strong>t like any other element on a Web page.<br />
SVGs can be static, animated (for short, simple animations) or interactive. Small animations created in<br />
Flash can be converted into SVGs <strong>us</strong>ing Swiffy. But SVGs come <strong>with</strong> a disclaimer. Some older<br />
browsers like IE 8 and its earlier versions do not support the SVG format. So the best and<br />
recommended practice is to verify browser support in targeted browsers before <strong>us</strong>ing them.<br />
43