Taking Your Website On The Road

Technology

No Where to Go

Your

Website..

Spec Sheet . . .A responsive site gracefully repositions and re-sizes to any screen dimension it displays on. Page elements will be left-aligned on wider screens, and move to be under each other under smaller screens. Fonts and images will resize to be optimal for the screen.

Tablets generally support a screen width of 1024 px. Desktop computers generally have 1024px as a minimum width. Accounting for factors like the width of the scrollbar, a good rule of thumb is to optimize the site to work in a columnar "grid" format, with dimensions in multiples of 320px. For example: 320px for 1-column-wide, 640px for 2-columns, 960px and 3-columns as a maximum content width.

Previously, the standard way to detect and adjust for different user platforms was to detect the type of device the user was browsing with, the browser applications, etc. For example: your computer reports to the Web server a string of information like: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.69 Safari/537.36

Knowing a user's browser and platform was important because there were differences in how Internet Explorer, Firefox, Chrome, etc., rendered Web pages. With each new version of these applications, they have all worked to be more adherent to industry-accepted Web standards, which means they should all deliver a Web site the same way. This isn't always perfect, but a lot better in recent years. Detecting a user's computer and browser is no longer 100% reliable. Android-powered tablets and mobile phones, for example, simply report "Android" and lack data as to if they are a phone, tablet, laptop, and the such. The columnar grid format listed above will help using multiples of 320px. Below are some links that will help you with the conversion…. http://mobile.smashingmagazine.com/2013/03/21/responsive-web-design-with-physical-units/http://www.whatismybrowser.com/http://html5test.com/https://speakerdeck.com/nathansmith/960-grid-system

Putting your new website to work

Taking Your Website On The Road

Wordpress

Dashboard

RentalApplication

(personal information)

RentalApplication

(instrument selection)

InventoryControl

(instrument data)

AtEventPortal

OurRental

Package