Responsive Theming for Drupal. Making Your Site Look Good on Any Device - Helion
ebook
Autor: Mike CrittendenISBN: 978-14-493-7327-6
stron: 78, Format: ebook
Data wydania: 2014-02-10
Księgarnia: Helion
Cena książki: 55,24 zł (poprzednio: 64,99 zł)
Oszczędzasz: 15% (-9,75 zł)
Tagi: Drupal
If you want your Drupal website to work well on smartphones, tablets, and desktops, this practical guide shows you how to incorporate Responsive Web Design (RWD) with specific Drupal 7 themes. You’ll learn how to create attractive, easy-to-navigate layouts for everything from tiny phone screens to 30-inch desktop monitors—all with the same codebase.
Ideal for experienced Drupal developers, this book takes you through RWD basics and shows you how to build sites based on Aurora, Zen, and Omega—three popular base themes created by Drupal contributors. Whether you’re creating a new site with RWD or adapting an existing one, you’ll learn how to become a better, more efficient Drupal themer.
- Understand how Responsive Web Design and CSS media queries work
- Learn how the Sass stylesheet language and Compass framework support RWD
- Adopt a mobile-first approach to RWD—and learn why it’s important
- Get step-by-step instructions for creating custom subthemes on top of Aurora, Zen, and Omega
- Tackle common problems when building and theming responsive Drupal sites
- Explore alternative options for accommodating smartphone and tablet users
Osoby które kupowały "Responsive Theming for Drupal. Making Your Site Look Good on Any Device", wybierały także:
- Drupal 7. Kurs video. Poziom drugi. Zaawansowane moduły, skórki i patche 69,00 zł, (31,05 zł -55%)
- Drupal 7. Kurs video. Poziom pierwszy. Szybkie tworzenie stron internetowych 69,00 zł, (31,05 zł -55%)
- Drupal 7. Od podstaw 44,90 zł, (22,45 zł -50%)
- Drupal. Poznaj go z każdej strony 69,00 zł, (34,50 zł -50%)
- Drupal 7. Ćwiczenia praktyczne 29,90 zł, (14,95 zł -50%)
Spis treści
Responsive Theming for Drupal. Making Your Site Look Good on Any Device eBook -- spis treści
- Responsive Theming for Drupal
- Preface
- What Youll Find Here
- Intended Audience
- Conventions Used in This Book
- Using Code Examples
- Safari Books Online
- How to Contact Us
- Acknowledgments
- 1. Responsive Design: A Quick and Dirty Intro
- So, What the Heck Is Responsive Design?
- A Simple Example
- Stop the Scaling!
- Why Does This Rock?
- Back to Riley
- Mobile First Versus Desktop First
- Mobile Web Users Are A Huge Sector and Growing Fast
- The Importance of the First Target
- How Mobile First Changes Our Example
- Back to Riley (Again)
- 2. Responsive, Meet Drupal
- A Bit of A Primer on Drupal Theming
- Adding the Media Queries
- Adding the Viewport Meta Tag
- Moving on to Base Themes
- Using a Base Theme
- 3. A Short Primer on Sass and Compass
- Installation of Sass/Compass
- Learning Your Way Around Sass/Compass
- Feeling the Power
- Let Sass Calculate Your Colors For You
- Generate CSS Image Sprites with Compass
- Write Your Own Mixins
- Know Your Plug-ins
- Debugging Notes
- Moving Right Along
- 4. Responsive Theming With Aurora
- Pros and Cons
- Getting Started
- Step 1: Install Sass/Compass
- Step 2: Install Aurora
- Step 3: Create Your Custom Subtheme
- Step 4: Configure and Run Compass
- Step 5: Perform a Sanity Check
- Digging Into Aurora
- Auroras Goodie Bag
- A Primer on Auroras Sass Structure
- Getting to Work
- Making It Responsive
- Committin and Quittin Time
- 5. Responsive Theming Using Zen
- Pros and Cons
- Getting Started
- Step 1: Install Zen Using Drush
- Step 2: Create Your Subtheme
- Step 3: Set Your Subtheme as the Default Theme
- Step 4: Install Sass/Compass
- Step 5: Install Zen Grids
- Fire Up Compass
- Getting to Work
- Working With Zen Grids
- 6. Responsive Theming Using Omega
- A Note About Versions
- Pros and Cons
- Getting Started
- Step 1: Install Sass/Compass
- Step 2: Create Your Subtheme Using Drush
- Drush Integration
- Taking an Omega Tour
- Responsive Layouts Using Singularity Grids
- Making Use of Custom Layouts
- 7. Some Common Gotchas and Tips
- Different Resolution-Specific Navigations
- Select Dropdown as Mobile Navigation
- Mobile-Specific Navigation Hidden by Default
- Dealing with Responsive Images
- Installation
- Adding a Touch Icon for Mobile/Tablet Touchscreens
- Supporting Older Internet Explorer Browsers
- Styling/Testing Common Drupal Elements
- Different Resolution-Specific Navigations
- 8. Alternative Options and Next Steps
- Study Some More Base Themes
- Learn How to Compare Base Themes
- Become an Expert on Your Base Theme of Choice
- Study Up on Some Non-Drupal-Exclusive Responsive Techniques
- Know the Alternatives
- Create a Separate Theme
- Serve the Desktop Experience
- Provide a Mobile App
- Be A Student of the Community
- Colophon
- Copyright