Mobile:
Resources and tools for mobile apps creation, mobile SEO and best practices.


Responsive Calculator

  • Posted By: Jason Taetsch
  • ...

Responsive web designs are developed to handle the unique visual requirements of mobile devices, tablets and traditional displays.  The Responsive Calculator speeds up the design process by converting .PSD files into a basic HTML5 template that is ready to be turned into a responsive webpage. The tool transforms pixel based images into HTML and also includes the basic styling elements and layout such as padding, margins and borders.

Viewport Resizer

  • Posted By: Jason Taetsch
  • ...

Testing and debugging for different screen sizes can be a tedious task, optimize the process with the View Port Resizer from Malte Wassermann. The Viewport Resizer is a bookmarklet added to your web browser that lets users adjust the viewing options to account for different browsers and different digital platforms. The tool is ideal for responsive design testing and allows users to see how their project would appear on a smartphone, on a tablet or on a traditional display and allows for live customizations to existing code.

 

Responsive Pricing Tables

The Internet is truly the biggest marketplace for everything from services, antiques, used cars and homemade knickknacks. A pricing table is an efficient method for conveying pricing information and available options for customers on your webpage but can be difficult to layout for different screen sizes. The team at Tutsplus has put together this tutorial for building responsive pricing tables for a business and personal websites to take advantage of the worldwide marketplace. The tutorial walks through the steps of creating a table that will display properly on screens both big and small, from desktops and laptops, to tablets and smartphones.

Responsive Pricing Tables

Responsive IE6

  • Posted By: Jason Taetsch
  • ...

Older browsers are incompatible with the latest web languages and design standards. They cannot handle the same type of queries that the latest browsers can easily handle. The team at Visualidiot.com put together the Responsive IE6 tool so that users with legacy browsers like IE 5, 6, 7 can visit responsive pages.  The application is especially useful for enterprise users that cannot upgrade their browsing software without permissions from an administrator. The tool resizes the responsive design so it can be displayed properly in an older browser. Simply enter the URL into the address field and Responsive IE6 will take care of the rest.

Mobiscroll

  • Posted By: Jason Taetsch
  • ...

Selecting values on a form can be difficult for users of tablets and smartphones. That’s why the team at Mobiscroll developed a powerful HTML5 based control option that makes it easy to select values on a touch-screen from a light-weight and customizable control feature.  The Mobiscroll element is especially useful for users to select time, date and values from a list. It even features compatibility for long lists thanks to a built-in scroller box. Mobiscroll is built off of the jQuery language and is compatible with all major mobile and desktop browsers.