One Website For All Devices: Demonstration
The concept
One Website For All Devices is exactly what its name suggests; the foundation to help you build a single website or web application that works on multiple devices, screen sizes and orientations.
Different screen dimensions:
Supported devices and screen resolutions (back to top)
One Website For All Devices works on any device compatible with HTML, Javascript and CSS3. It uses a combination of techniques to render the best layout for each of the following 4 screen size groups:
- Mobile: below 728px wide (i.e. iPhone, Blackberry, Motorola Atrix)
- Tablets: below 960px wide (i.e. iPad in portrait mode, Blackberry Playbook and smartphones in landscape mode)
- Netbooks & tablets: below 1200px wide (i.e. HP Mini, iPad in landscape mode, low res monitors)
- Monitors: above 1200px wide (i.e. 19" monitors and up, iMacs, large screen laptops)
Templates and Layouts (back to top)
Single column layout:
2 column layout:
3 column layout:
Blog layout:
Portfolio layout:
Gallery layout:
Contact page layout:
MultiScreen Preview (back to top)
Here are other ways to test your website and app in multiple screen sizes:
- Browser and constantly resize the window to test: Simple Media Queries Tester
-
MultiScreen Preview:
Support and customization services (back to top)
Thank for purchasing One Website For All Devices.
If you have any questions, please contact us at:
www.Bramanoli.de