How to Use Adapt.js with Drupal Responsive in Drupal


show more Using Adapt.js with Drupal provides you with in-depth training on Developer. Taught by Chaz Chumley as part of the Responsive Design with Drupal show less
please wait ...

Using Adapt.js with Drupal

We started with a fixed-width layout design for the browser but quickly realized that everyone doesn't use a browser solely for viewing our design and that different Breakpoints exist that we need to take into consideration. So, now we decide to make a tablet version of our site and a mobile version of our site, and I have created three different style sheets based on these breakpoints. But how do I tell the browser which style sheet to use? One such way is by using a JavaScript file known as Adapt.js. Adapt.js will help us to determine the device that we are using and apply a style sheet accordingly.

Let's take a look at Adapt.js, how to use it, and best practices to integrate it with Drupal. In my browser I have adapt.960.gs open. The Adapt.js file is just a JavaScript file that will help us determine which CSS files to load when the browser renders a page. This is going to allow for us for designing fixed-width layouts based on certain Breakpoints, and then displaying those layouts accor...

Using Adapt.js with Drupal
Video duration: 8m 13s 2h 38m Intermediate

Viewers:

Using Adapt.js with Drupal provides you with in-depth training on Developer. Taught by Chaz Chumley as part of the Responsive Design with Drupal

Subjects:
Developer Web
Software:
Drupal
Author:
please wait ...