COMMON POWERUp 2021

If you have existing web pages specified in HTML via PHP or another kind of server-side programming, and they don't dynamically reformat for mobile-sized devices, then this session is for you. We will discuss ways to gain mobile formatting that involve incremental changes to existing HTML, without requiring CSS frameworks such as Bootstrap or CSS3 media queries (two of the most prevalent ways to achieve mobile formats, frequently referred to as " responsive design"). For web strategies that don’t have/use server-side programming, evidence is building that you can do a lot, maybe all, of the techniques discussed in this presentation in javascript on the client side._x000D_ _x000D_ This session will examine a technique that achieves multi-view flexibility by simply changing the viewport metatag and various other HTML5 elements at run time (along with a small amount of CSS3 changes). What might be considered a moving target with responsive, isn’t applicable. Examples of detail page level HTML that works for the multiple views will be shown, along with net change comparisons to the original HTML. _x000D_ _x000D_ This session won’t get into all of the exact programming or script required to accomplish the run-time changes, but all of it will be covered at the conceptual level and specifics involving the viewport meta-tag and outer most HTML containers will be shown.

Learning Objectives:
1. Gain insight into one strategy for leveraging existing web and intranet applications to deliver mobile-friendly views (without compromising Desktop or Theatre views)_x000D_ 2. Learn about key HTML elements such as viewport and how width specifications and others can interact well in a relatively flat CSS design_x000D_ _x000D_