Mobilito.net

About Mobilito

Mobilito was designed to allow webmasters to check how their website look on different types of mobile devices.

Mobilito uses virtual mobile browsers from Browshot to take screenshots. Each browser is customized to look like the real device (iPhone, iPad, Android, etc.) to the website that are accessed.

Mobile browsers have a couple of features that are not available on regular desktop browsers:

• auto-scaling: pages are scaled to fit on the screen. You get different scaling when the device is hold vertically or horizontally.
• Flash support: Android devices support flash, Apple devices do not.

Many website show a different layout for smart phones, tablets, and laptop/desktop computers.

The technology

Front-end

• jQuery
  • Cloud Carousel
  • Mouse Wheel
  • jqModal
• HTML5 & Modernizr 2 for older browsers
• AddThis share buttons

 

Back-end

• Catalyst MVC framework (Perl)
• WebService::Browshot to interact with Browshot
• nginx (web server)