Base Themes in Drupal: AdaptiveTheme and Responsive Design


show more Introducing base themes: AdaptiveTheme and responsive design provides you with in-depth training on Developer. Taught by Tom Geller as part of the Drupal 7 Advanced Training show less
please wait ...

Introducing base themes: AdaptiveTheme and responsive design

So far you've seen how the Zen-based theme is a flexible but simple starting point while the Fusion-based theme marries extreme grid and styling flexibility with custom development. The third base theme in our tour is optimized for something completely different. It's an example of what's called responsive design, which is easiest to understand by seeing an example. And the example I'll use is at bostonglobe.com. When we look at it on a widescreen like this, we see it in multiple columns. However, if we were to be looking at it on a smaller screen, for example, a portable device, you see that first it adapts how wide the columns are.

Then as we bring it in even further, it cuts down on the number of columns from three to two. As we go, you'll also notice that this graphic is dynamically resizing, you can see we make it larger and smaller. And finally, if we go all the way down to the way we'd see it on a portable device, it's one column and all of the menus have...

Introducing base themes: AdaptiveTheme and responsive design
Video duration: 7m 25s 7h 50m Intermediate

Viewers:

Introducing base themes: AdaptiveTheme and responsive design provides you with in-depth training on Developer. Taught by Tom Geller as part of the Drupal 7 Advanced Training

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