This webpage is being viewed on a computer screen that is 1920 pixels wide. The widgets on it occupy the entire width of the screen from left to right, with the exception of a margin of 80 pixels on the right-hand side. Now re-size your browser. Make it as small as you like. You will note that all the widgets on the page become reduced proportionally, and the integrity of the page remains intact. Now increase the browser size again. As you might have expected, all the widgets are magnified.
What you have just witnessed indicates the following. This page can be viewed on a PC with a screen of any size whatsoever, and still maintain its integrity! Magic! So what is going on here? How was this page made that makes it different to most of the other pages at this site? (If you reduce the size of your browser when viewing most of the other pages, the widgets on the right-hand side will go offscreen.)
In practical terms, what has been done here is as easy as falling off a log. If you have worked with webProg3 to some degree, and have seen the page entitled "Creating Mobile-Friendly Web Pages" in the FULL HELP, there is the answer. In other words, "mobile friendification" can be used to make "PC friendly" web pages as well, with no further ado! The only difference is that instead of designing your web page with the widgets all on the left-hand side, you occupy the full width of the page with widgets.**
[** If you are designing a web app, and you do not wish to occupy all of the page-width with widgets, there is no problem at all. Don't friendify the page, and allow PCs with smaller screens to cut off the excess empty space on the right-hand side. Pronto!]
There's also another bonus. If you prepare a friendified webpage for printing, even if the letters of the texts are gigantic, when you come to do a PRINT PREVIEW, you will find that your page is "PRINTER VIEWPORT FRIENDLY" as well. The size will be reduced nicely to fit the width of the paper. Wow! All that with no work at all!
Here's an example
FRIENDIFICATION
Purpose...
Builds...
Latest Build...
Mini-Help...
Full Help...
Rather than fully illustrate these facilities here and now, we'll leave it until a little later on. Some apps will be provided in this section, and you will soon see that they are PC friendly as described above. However, if you wish to see some immediate examples, just navigate to webProg3's brother website howsoft.com. The javascript/JQuery apps offered there are mostly PC friendly, together with their HELP pages and PRINTING MODULES.
In sum, we now have four types of web page:
1) Standard (non-Friendly) 2) Mobile friendly 3) PC friendly 4) Printer Viewport friendly.
All (except the first) produced with exacly the same webProg3 extension.