PC SOFT

WINDEVWEBDEV AND WINDEV MOBILE
ONLINE HELP

Home | Sign in | English UK
  • Method used
  • Example
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Others
Stored procedures
8. "Mobile friendly" site: Responsive Web Design
Previous pageTable of contentsNext page
The Web sites can be viewed on several platforms: mobiles, tablets, PCs, ... The browser size changes on each device as well as the space used to display data.
The "Responsive Web Design" method consists in creating a single page that automatically adapts according to the platform used.
Method used
WEBDEV is using the "Desktop first" method: the developer must create the interface of his Web site in "Desktop" mode. Then, he will create the version in "Tablet" mode and finally he will create the version in "Mobile" mode.
During the design step, it means that a Web site is developed for a "desktop" use first. When reducing the display resolutions (page size), the content and the features are moved, resized or hidden.
In the WEBDEV editor, the representation of different resolutions is performed via slices. A slice represents a browser size for a specific device. WEBDEV includes 3 slices:
  • The Mobile slice corresponding to smartphone devices.
  • The Tablet slice corresponding to tablet devices.
  • The Desktop slice corresponding to devices such as PC, MAC, etc.
Example
Mobile
Tablet
Desktop
Previous pageTable of contentsNext page
Minimum version required
  • Version 23
Comments
Click [Add] to post a comment