EverWeb ThemeKit

Mobile Phone Simulator

Mobile First

Many EverWeb users seem to only test their responsive pages in a desktop browser which doesn't give a realistic view of how the page will appear on phones. Laziness or lack of knowledge seems to prevent the use of the iOS Simulator app which is an essential part of the design process.
Simulate
To encourage EverWeb users to focus more on how their page designs render on smart phones this litle simulator can be inserted in any page so that both the main view and the mobile phone view appear together in Preview mode.
ThemeKit Mobile Phone
This simple widget can save a lot of time when previewing and a lot of embarasment when published.
There are a few controls for styling the body of the mobile phone simulator along with a tab for selecting the page to show.
Landscape Mode
The phone can also be orientated in landscape mode although most visitors will only use this for view videos which are set to play inline.

Check Out Competitors

As can be seen from the landscape orientated version below, the page that appears in the simulator can be an external one. This can be usefull for checking out the competition to see if their layout has any better ideas or items.
As you can see below, the competition needs to rethink their design!