Smartphones and tablets are the hot sector of the market and you will want your website to perform well on these devices as well as on conventional computers.

Your Singlepage site will have these features to make it mobile and tablet friendly:

Layout adapts to the device

  • 2 column layout on tablets, laptops, desktops

    Photo showing web site layout on an iPad

    Your Singlepage website will be laid out in two columns on tablets, laptops, desktops - as shown in this iPad screen dump.

  • 1 column layout on smartphones

    Photo showing how the web site layout changes on an iPhone

    The layout will automatically change to a single column on smartphones - as shown in this iPhone screen dump. Content in primary positions appears above secondary content.

Content is resized

Images, slideshows, photo galleries, videos and Google maps are all resized depending on the size of the device. And your Singlepage website will automatically deliver smaller, more compressed versions of images to smartphones - which have smaller screens and may have poor and costly internet access.

  • Tablet

    Photo showing slideshow, gallery and map on an iPad

    A variety of content comprising a slideshow, photo gallery and map on a tablet (iPad screen dump). Each block of content is a different width.

  • Smartphone

    Photo showing slideshow, gallery and map on an iPhone

    The same content automatically resized to fit a smartphone (iPhone screen dump). Each block of content is now the same width and completely fills the single column.

Technology - "Swipe": Yes; Flash: No

Tablets and smartphones have different technological constraints than conventional computers. It is important that users on tablets and smartphones can interact with your website using "touch" and "swipe" gestures. Flash, which has been used extensively on many websites in the past, is not supported on many tablets and smartphones (including iPads and iPhones), and so is not used on Singlepage websites. YouTube videos embedded in a Singlepage site may be delivered as Flash on conventional computers but will also be delivered in other formats which work on tablets and smartphones.

  • Swipe through slideshows

    Photo showing web site slideshow being controlled by swipe gesture on an iPad

    Users can interact with slideshows using "swipe" gestures on your Singlepage website. This is much easier for users than trying to touch a small button - see the iPad photo above.

  • Swipe through photo galleries

    Photo showing web site photo gallery being controlled by swipe gesture on an iPad

    Swipe gestures can also be used to move to the next or previous image in photo galleries - see the iPad photo above.

Responsive web design

Singlepage sites are designed using an approach called "responsive web design". This delivers the layout and content resizing benefits described above. But it is worth noting that it is also the approach endorsed by Google as their preferred method of producing websites to be used on a range of devices. Responsive web design avoids many potential pitfalls of other methods (for example having completely different websites for mobile users). For more information, see this Google article.