Book Image

RESS Essentials

Book Image

RESS Essentials

Overview of this book

RESS is a new methodology in the world of web design and development. It attempts to solve the problems that accompany the RWD (responsive web design) approach to web design. RESS is still in its infancy, but it is growing at an exponential rate. RESS Essentials shows you how to make server-side applications smarter and more aware of a visitor's environment limitations (device, screen size, and browser). This allows you to create faster and more reliable websites. Through this book, you will build a solid base of knowledge on RESS-related technologies, while the step-by-step tutorials will help you to create your own RESS system. This book is an introduction to RESS alchemy and gives you an incentive to build your own RESS lab. It will give you a broad overview of the multiple techniques used to code responsive websites in responsible ways. Beginning with an overview of RWD, you will learn the steps involved in setting up RWD for client-side development. You will then learn how to scale images using client- and server-side technology. By the end of this book, you will have learned about the implementation of RESS application patterns, browser feature detection, and various RESS architectures. RESS Essentials will also teach you how to use jQuery with some RWD design patterns and how to employ REST API for RWD pages.
Table of Contents (15 chapters)
RESS Essentials
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

The AGPL licensed "OnSite" version of the WURFL library


To download the WURFL file along with PHP APIs, go to http://sourceforge.net/projects/wurfl/files/WURFL%20PHP/ and unpack the downloaded file (in my case it was wurfl-php-1.4.4.0.zip). You should see a directory structure as follows:

  • docs\

  • examples\

  • tests\

  • tools\

  • WURFL\

Now we will integrate this with the web page created in Chapter 2, Sample RWD Setup for Client-Side Development. For the purpose of this example, I use the default setup for WampServer (available at http://www.wampserver.com). WampServer is a Windows web development environment based on the Apache server, MySQL database, and PHP. The web root is C:\wamp\www\. I created the h5bpdemo directory there, which will be our website's root directory. Our setup looks like the following:

  • c:\wamp\www: The server document root

  • c:\wamp\www\h5bpdemo\: The website base directory (website document root)

  • http://127.0.0.1/h5bpdemo/: The HTTP website base directory

  • http://h5bp.test/: The local...