Discover millions of ebooks, audiobooks, and so much more with a free trial

Only $11.99/month after trial. Cancel anytime.

RESS Essentials
RESS Essentials
RESS Essentials
Ebook245 pages1 hour

RESS Essentials

Rating: 0 out of 5 stars

()

Read preview

About this ebook

This is a step-by-step, practical guide which will introduce you to RESS and its key features.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.
LanguageEnglish
Release dateOct 25, 2013
ISBN9781849696951
RESS Essentials

Related to RESS Essentials

Related ebooks

Internet & Web For You

View More

Related articles

Reviews for RESS Essentials

Rating: 0 out of 5 stars
0 ratings

0 ratings0 reviews

What did you think?

Tap to rate

Review must be at least 10 words

    Book preview

    RESS Essentials - Joanna Krenz-Kurowska

    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 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

    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

    RESS Essentials


    RESS Essentials

    Copyright © 2013 Packt Publishing

    All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

    Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the authors, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.

    Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

    First published: October 2013

    Production Reference: 1181013

    Published by Packt Publishing Ltd.

    Livery Place

    35 Livery Street

    Birmingham B3 2PB, UK.

    ISBN 978-1-84969-694-4

    www.packtpub.com

    Cover Image by Joanna Krenz-Kurowska (<23dragons.com>)

    Credits

    Authors

    Joanna Krenz-Kurowska

    Jerzy Kurowski

    Reviewers

    Arley McBlain

    Marc Pàmpols

    Acquisition Editors

    Martin Bell

    Gregory Wild

    Commissioning Editor

    Sruthi Kutty

    Technical Editors

    Gauri Dasgupta

    Failsal Siddiqui

    Copy Editors

    Brandt D'Mello

    Gladson Monteiro

    Lavina Pereira

    Adithi Shetty

    Project Coordinator

    Amigya Khurana

    Proofreader

    Sandra Hopper

    Indexers

    Mariammal Chettiyar

    Priya Subramani

    Production Coordinator

    Pooja Chiplunkar

    Cover Work

    Pooja Chiplunkar

    About the Authors

    Joanna Krenz-Kurowska has been working as a freelance graphic designer and web designer for 12 years. She lives in the mountains on the south-west of Poland. She spent the last few years working for clients on five continents, blogging about web design and technology for the 99designs community blog, winning dozens of web design contests and following her passions: art photography, running marathons, and graphic arts. She is a member of the art union New Mill Artists' Colony. Teaming up with Jerzy Kurowski, she creates complete digital products like websites or multimedia programs. She loves challenges like swimming in ice air holes, long-distance mountain running, or exploring new areas in web design. You can learn more about her on www.23dragons.com.

    Jerzy Kurowski, after graduating from the Academy of Fine Arts in Krakow in 1993, became interested in computer graphics. At that time he primarily designed for print but simultaneously he learned authoring and programing multimedia. In 1998, he started to create products for the Internet, and overtime freelance web development gradually became his main source of income. Having worked with a plethora of technologies in his life, today he tries to focus on developing the engaging user web interfaces with the use of PHP, AS3, JS, CSS, and HTML. When he is not coding or designing, he lives a highlander's life in the Giant Mountains on the Polish-Czech border in Central Europe. Follow him on https://twitter.com/JerzyKurowski.

    About the Reviewers

    Arley McBlain is a Lead Front End Developer at the Canadian web agency, Thrillworks Inc ., and works with many notable clients including BlackBerry, Tim Hortons, and Suncor. Arley has been making websites for over 18 years with experience in many roles; but he is now focusing on responsive and mobile-friendly frontend development.

    Arley's passion for this industry has him active on social media outlets, forums, and occasionally writing for web blogs like CSS Tricks, Six Revisions, and Web Design Depot. He blogs at arleym.com and tweets as @ArleyM.

    Marc Pàmpols is a tech entrepreneur, developer, analyst, and project leader from Spain. He started working at a couple of small development companies for three years. Later he founded YoteConozco.com, a Spanish dating social network that reached more than 50,000 users.

    From 2007 until today, he is working at an IT company (Semic S.A.), leading the development of Python and Plone websites for privately held companies and public administration. Marc has worked for clients, such as the Spanish Ministry of Culture, Government of Andorra, and Tarragona, Vic, and Cambrils City Councils. He always had a strong interest in both frontend and backend development.

    I would like to thank my mum, dad, dog, co-workers, and my friends at bixo demoscene group for protecting me during the review of this book.

    www.PacktPub.com

    Support files, eBooks, discount offers and more

    You might want to visit www.PacktPub.com for support files and downloads related to your book.

    Did you know that Packt offers eBook versions of every book published, with PDF and ePub files available? You can upgrade to the eBook version at www.PacktPub.com and as a print book customer, you are entitled to a discount on the eBook copy. Get in touch with us at for more details.

    At www.PacktPub.com, you can also read a collection of free technical articles, sign up for a range of free newsletters and receive exclusive discounts and offers on Packt books and eBooks.

    http://PacktLib.PacktPub.com

    Do you need instant solutions to your IT questions? PacktLib is Packt's online digital book library. Here, you can access, read and search across Packt's entire library of books. 

    Why Subscribe?

    Fully searchable across every book published by Packt

    Copy and paste, print and bookmark content

    On demand and accessible via web browser

    Free Access for Packt account holders

    If you have an account with Packt at www.PacktPub.com, you can use this to access PacktLib today and view nine entirely free books. Simply use your login credentials for immediate access.

    Preface

    RESS is a new methodology in the world of web design and development. It attempts to solve the problems that accompany the Responsive Web Design (RWD) 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 the 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

    Enjoying the preview?
    Page 1 of 1