|Also available on:|
- Easy-to-follow tutorials on implementing RESS application patterns
- Information flow diagrams which will help you understand various RESS architectures with ease
- Perform browser feature detection and store this information on server side
Table of ContentsPreface
Chapter 1: Why Does RWD Change the Internet?
Chapter 2: Sample RWD Setup for Client-Side Development
Chapter 3: Server Side Setup – Device Detection Libraries
Chapter 4: Sample RESS Page
Chapter 5: Responsive Images Client- and Server-Side Approaches
Chapter 6: Performance
Chapter 7: Extending with jQuery
Chapter 8: Employing a REST API for RWD
- Chapter 1: Why Does RWD Change the Internet?
- The RESS idea
- "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
- RWD evolution and experiments
- Chapter 2: Sample RWD Setup for Client-Side Development
- Bootstrap custom compilation setup
- Testing the Bootstrap grid system
- Integrating Gridpak
- Implementing responsive design
- Chapter 3: Server Side Setup – Device Detection Libraries
- The AGPL licensed "OnSite" version of the WURFL library
- The WURFL Cloud version
- YABFDL – Detector
- Chapter 4: Sample RESS Page
- WURFL plus screen size detection
- Dave Olsen's Detector
- Utility functions
- Dave Olsen's Detector plus WURFL
- Chapter 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
- Chapter 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
- Chapter 7: Extending with jQuery
- Twitter Bootstrap components and plugins
- Responsive tables
- Converting a table to an accordion element with jQuery
- Chapter 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?
Download the code and support files for this book.
Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.
Errata- 1 submitted: last submission 05 Nov 2013
Errata Type: Language | Page number: 63
In Chapter 5, the title
Client- and Server-Side
Responsive Images —
Client- and Server-Side
What you will learn from this book
- Write your own code to detect user screen size and store this information on server side
- Install and integrate the WURFL device detection library with your application–both cloud and standalone versions
- Apply RWD principles to write HTML and CSS
- Use HTML5 Boilerplate and its jQuery components
- Integrate other CSS libraries with responsive grids using Gridpack
- Create a RESS application based on RESTful API with the PHP SLIM framework
- Develop jQuery plugins to handle web page components in responsive ways
- Implement your own responsive images application
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.
This is a step-by-step, practical guide which will introduce you to RESS and its key features.
Who this book is for
This book is aimed primarily at web developers interested in writing applications that leverage both client- and server-side code to optimise content for various devices.