PC SOFT

ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Home | Sign in | English EN
  • 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
Websites can be viewed on several platforms: mobiles, tablets, PCs, ... Browser size, and therefore the space used to display data, is different on each device.
The "Responsive Web Design" method consists in creating a single page that automatically adapts according to the platform used.
Method used
WEBDEV uses the "Desktop first" method: developers must create the interface of their Website in "Desktop" mode. Then, they can create the version in "Tablet" mode, and finally, in "Mobile" mode.
In terms of design, a website is developed for "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 different resolutions are represented by slices. a slice represents a browser size for a specific device. WEBDEV includes 3 slices:
  • The Mobile slice, which corresponds to smartphones.
  • The Tablet slice, which corresponds to tablets.
  • The Desktop slice, which corresponds to PCs, MACs, etc.
Example
Mobile
Tablet
Desktop
Previous pageTable of contentsNext page
Comments
Click [Add] to post a comment