Mobile First..

Mobile has always been a secondary goal to be accomplished later, and to add to that, clients and designers have approached desktop first. Even with the rise of responsive design, many of us begin with the “full size” site and work our way down.

The growing trend to flip this workflow, and actually begin with mobile first and then work up till desktop and large screens is to be understood.

Let us understand what is mobile first and why we need to do mobile first,  how responsive design works, what is the importance of beginning with mobile and how it reduces the CSS efforts. Understanding dynamic image scaling and responsive images for drupal 8. The advantages of responsive images.

Understanding the responsive features of D8 like the Admin layer which is lightweight and hence content updation is easy. The built in theme which are responsive, tables, pictures etc.

Also the importance of breakpoint module in core, it’s working, breakpoint groups and multipliers.

A high level agenda :

1. Understanding the need of mobile first

2. How mobile first approach is different than desktop.

3. Extensive use of media queries.

4. How to reduce the CSS efforts.

5. Drupal 8 as mobile first

6. Features of Drupal 8 as responsive.

7. Understanding and demonstration of breakpoint module.