Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying RESS Essentials
  • Table Of Contents Toc
  • Feedback & Rating feedback
RESS Essentials

RESS Essentials

4 (1)
close
close
RESS Essentials

RESS Essentials

4 (1)

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)
close
close
RESS Essentials
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

Integrating Gridpak


Flexibility of Twitter's Bootstrap grid system is improved in Version 3, but we will use a grid created with another grid-generation script; Gridpak (available at http://gridpak.com/) from Erskine Design is an amazing tool that allows us to create any grid for any media query stop with an intuitive interface. Its main features are as follows:

  • Interactive creation of percent-based grids with variable column count

  • Creating media query stops of any screen width

When you create a grid, you can download the following files:

  • .png design templates for all the necessary steps

  • .js script that draws the grid (the grid visibility can be turned on or off with the g key)

  • .css file with media queries and grid columns (with column spans defined as span_x classes)

  • .less and .scss files

A demo showing the setup of a grid application with some typical blocks

With Gridpak (available at www.gridpak.com), you can create grids with variable column count based on any screen size steps you define...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY