Sign In
   Developer Productivity PKGs
Enterprise Web Apps
 IBM i w/ smartclient Solutions

Revamping Your Web Pages for Mobile
Without CSS3 Media Queries
(a technical presentation available for purchase)

  • Gain insight into one strategy for revamping existing web and intranet applications to deliver mobile-friendly views without re-write!
  • Learn about key HTML elements such as viewport and how width specifications and others can interact well in a relatively flat CSS strategy
See below for option to purchase this technical presentation
(currently on v2)

**purchase includes downloadable updates and new versions for 3 years**

For another commentary that questions the status quo, please see the article, Mobile-First CSS: Is It Time for a Rethink?from this CodeProject Web Developer Newsletter
 
For companies running ASP.NET web forms (aspx pages),
we offer a widely-applicable solution that facilitates
dynamic view changes to mobile, tablet and theatre views
without use of CSS3 media queries.

(a technical presentation delivered at COMMON 2019 fall conference)




Benefits of this technique
  • No need to restyle all of the elements in an existing application
  • Easier testing
  • - More straight-forward
  • - Less cases
  • - Cases are all used
  • No need for a test case for every viewport size in the world
  • - Preliminary testing can be done on desktop browser
  • Allows more user control
  • Delegates function to the [sophisticated] phone/client
  • Perhaps less personnel required on team
Tegratecs Development Corp.®



Presentation Agenda
  • Intro to “responsive” technique and video
  • What really constitutes mobile-friendly anyway? (video)
  • The opportunity, the problem
  • Intro to proposed alternative technique (video)
  • Long Terms Goals of the proposed alternative technique
  • Viewport metatag – the key mobile element
  • Key steps
  • Comparing a responsive 3 column layout with our technique in detail (with video) (detailed comparison #1)
  • How You Might Get Started (with an abbreviated agenda)
  • Comparison #2 – Data Entry Page
  • Intro to “responsive” technique and video
  • Conclusions
    Tegratecs Development Corp.®







Important - The keys that enable immediate download (directly after purchase) are emailed to the PayPal Account holder used with the purchase (and to a second email address if you are logged in to tegratecs.com under a different email address). 


Purchase Offer (includes updates)
Purchase technical presentation
Revamping Your Web Pages for Mobile Without CSS3 Media Queries
HERE
 Order Items  (Show Details...)   
QuantityUOMItemDescriptionPriceCurr Code
1EACHRWMWQ2TRRevamping Your Web Pages for Mobile w/o CSS3 Media Queries
VC v2  3 Yr Download+Updates v% 		95.00USD
1    Total95.00 
(LogIn to PayPal or click Debit or Credit Card)
(both handled via PayPal with option to approve or cancel)
(No CC digits will stored on tegratecs.com)
$95 US
(get immediate access plus all subsequent updates and versions for 3 years)



Revamping Your Web Pages for Mobile
Without CSS3 Media Queries

Learning Objectives:

  • Gain insight into one strategy for leveraging existing web and intranet applications to deliver mobile-friendly views
    (without compromising desktop or theatre views)
  • Learn about key HTML elements such as viewport and how width specifications and others can interact well in a relatively flat CSS strategy

Abstract:

Choosing a mobile oriented web framework can be challenging.  However, many mobile applications don't require advanced functions that only the proprietary language of the device can deliver, so HTML5 and CSS3 are good choices, especially if you already have something that runs on a desktop browser (zero footprint web client).

If you have existing web pages specified in HTML via PHP or another kind of server-side programming, and haven't yet addressed mobile, this session is for you because these techniques involve incremental changes. 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 java script on the client side.

This session will examine a technique that achieves multi-view flexibility by simply changing a few of the heading area Meta tags 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. Literal examples of the heading area Meta tags in production and HTML changes that control the views will also be shown.

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 quite a few specific examples will be shown.

Tegratecs Development Corp.®


                Site Map     Switch to
Mobile View
You are at the web site of Tegratecs Development Corp. Click here to go to the home page of this site...
Offering Innovation & Providing ROI
while minimizing Islands of Automation
Our contact information:
Tegratecs Development Corp.®
1320 Tower Road
Schaumburg, IL 60173
847-397-0088
800-739-FPSS
 ( please contact us or register or sign-in )
© 2012-2024