![]() ![]() But the example above is from one output that automatically tailors itself. We can do this by creating different outputs, each designed for a different device. The fact that the design differs depending on the device may not seem like a big deal. I tied this change to a still smaller breakpoint and defined it using the HTML5 Skin Editor. Note the icon’s different background color. The image below shows the output from the same project in a still smaller browser window to simulate a smartphone. This change is tied to a “breakpoint,” a device size at which different skin settings take effect, set up in the HTML5 Skin Editor. Note the new position of the logo and the now-hidden navigation panes. The image below shows the output from the same project but in a smaller browser window to simulate a tablet. Notice the MadCap logo at the top left, with its black background, and the navigation panes on the left. For example, the image below shows responsive output on a standard desktop PC monitor. This HTML5 output can change its design and even its content depending on whether it’s appearing on a smartphone, tablet, or PC. Responsive output lets content automatically change its design based on the properties of the device on which it’s displayed – so-called device-agnosticism. But we still want our output to look good on any device on which it displays. We could optimize for a few of today’s devices, but this will quickly become cost-prohibitive as new devices continue to appear. ![]() Instead of optimizing our output for desktop PCs, we have to optimize for many smartphones and tablets with different properties. The need for responsive design arose as new devices with differing screen sizes and resolutions continue to appear. In other words, HTML5 output is a step toward hybrid apps. Flare doesn’t output hybrid apps, but the HTML5 code that it does output forms part of the foundation for those apps.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |