PacktLib: RESS Essentials

RESS Essentials

Credits

About the Authors

About the Reviewers

www.PacktPub.com

Preface

Why Does RWD Change the Internet?

The RESS idea

Controversies

RWD benefits

Users

Developers

Summary

Sample RWD Setup for Client-Side Development

Bootstrap custom compilation setup

Integrating Gridpak

Summary

Server Side Setup – Device Detection Libraries

The AGPL licensed "OnSite" version of the WURFL library

The WURFL Cloud version

YABFDL – Detector

Summary

Sample RESS Page

WURFL plus screen size detection

Dave Olsen's Detector

Pure JavaScript screen size test

Dave Olsen's Detector plus WURFL

Summary

Responsive Images Client- and Server-Side Approaches

Scaling responsive images is not linear

Plain CSS and Media queries – a solution with limited browser support

The tag proposition

Picturefill that mimics the tag behavior with HTML5 and JS

Automated creation of responsive images

Server Side – using one of our example RESS systems

Summary

Performance

Optimizing website towards screen size or bandwidth?

Optimizing images

Media queries optimization

Testing

Summary

Extending with jQuery

Twitter Bootstrap components and plugins

Responsive tables

Converting a table to an accordion element with jQuery

Masonry

Summary

Employing a REST API for RWD

REST API

Gateway file and path setup

Implementing routes

Adding photos

What is it good for?

Summary

Index