Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases now! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Learning Drupal 8

You're reading from   Learning Drupal 8 Create complex websites quickly and easily using the building blocks of Drupal 8, the most powerful version of Drupal yet

Arrow left icon
Product type Paperback
Published in Jan 2016
Publisher Packt
ISBN-13 9781782168751
Length 328 pages
Edition 1st Edition
Languages
Tools
Concepts
Arrow right icon
Author (1):
Arrow left icon
Nick Abbott Nick Abbott
Author Profile Icon Nick Abbott
Nick Abbott
Arrow right icon
View More author details
Toc

Table of Contents (16) Chapters Close

Preface 1. Introduction FREE CHAPTER 2. Installation 3. Basic Concepts 4. Getting Started with the UI 5. Basic Content 6. Structure 7. Advanced Content 8. Configuration 9. Users and Access Control 10. Optional Features 11. Reports 12. Extending Drupal 13. Theming Drupal 14. Getting Support Index

Responsive image


Modern web designs need to take into account the device that is being used to view the content that Drupal is presenting. Different devices have different form factors from mobile phones, to tables, to traditional desktop computers. You may have heard of the terms 'Responsive design' or 'Adaptive design', and basically these mean that rather than having a different mobile version of your site for a mobile device, the content display is modified automatically depending on the device being used.

The following are examples of how content may be presented differently:

  • Show smaller images on a mobile device to conserve mobile data bandwidth.

  • Rearrange template regions to best present the most important information on a small screen size.

Responsive design relies on a concept known as a breakpoint. This can be thought of as the width of the screen in pixels where the design changes to a layout more appropriate for that device.

In the default theme Bartik, there are three breakpoints...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime