RESS Essentials by Krenz-Kurowska, Joanna -- Read -- Imperial Library of Trantor

Index

RESS Essentials

Table of Contents RESS Essentials Credits About the Authors About the Reviewers www.PacktPub.com

Support files, eBooks, discount offers and more Why Subscribe? Free Access for Packt account holders

Preface

What this book covers What you need for this book Who this book is for Conventions Reader feedback Customer support

Downloading the example code Errata Piracy Questions

1. Why Does RWD Change the Internet?

The RESS idea Controversies

"Separate mobile websites are a good thing" "RWD is too difficult" "RWD means degrading design"

RWD benefits

Freedom for designers Invest less, reach out to a larger audience

Users Developers

RWD evolution and experiments

Summary

2. Sample RWD Setup for Client-Side Development

Bootstrap custom compilation setup

Testing the Bootstrap grid system

Integrating Gridpak

Implementing responsive design

Summary

3. Server Side Setup – Device Detection Libraries

The AGPL licensed "OnSite" version of the WURFL library The WURFL Cloud version YABFDL – Detector Summary

4. Sample RESS Page

WURFL plus screen size detection Dave Olsen's Detector Pure JavaScript screen size test

Utility functions

Dave Olsen's Detector plus WURFL Summary

5. 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 <picture> tag proposition Picturefill that mimics the <picture> tag behavior with HTML5 and JS Automated creation of responsive images Server Side – using one of our example RESS systems Summary

6. Performance

Optimizing website towards screen size or bandwidth? Optimizing images

Optimizing image dimensions Optimizing image compression Optimizing the file format Avoiding the use of images Reducing the number of images

Media queries optimization Testing Summary

7. Extending with jQuery

Twitter Bootstrap components and plugins Responsive tables Converting a table to an accordion element with jQuery Masonry Summary

8. Employing a REST API for RWD

REST API

Slim PHP framework and integrating the RESS module Defining API with the Slim framework

Gateway file and path setup Implementing routes Adding photos What is it good for? Summary

Index