Drupal for Designers
The Context You Need Without the Jargon You Don't
1st Edition
Published on 11. July 2012
328 pages
978-1-4493-2532-9 (ISBN)
Description
Are you a solo web designer or part of a small team itching to build interesting projects with Drupal? This hands-on book provides the tools and techniques to get you going. Award-winning designer Dani Nordin guides you through site planning, teaches you how to create solid, user-centered design for the Drupal framework, and shows you tricks for using real, honest-to-goodness, developer Ninja Magick.This book is a compilation of three short guidesPlanning Drupal Projects, Design and Prototyping for Drupal, and Drupal Development Tricks for Designersplus exclusive "e;directors material."e; If youre familiar with HTML and CSS, but struggling with Drupals learning curve, this is the book youve been looking for.Get extra material, including an expanded Grids chapter, more recommended modules, and a Short Form Project planLearn how to work user-centered design practices into Drupal projectsChoose the right modules for your project, and discover several go-to modulesUse strategies for sketching, wireframing, and designing effective layoutsManage Drupals markup, including code generated by the powerful Views moduleLearn how to work with Drupal on the command lineSet up your development environment and collaborate with other designers and developersLearn the basics of Git, the free open source version control system
More details
Other editions
Additional editions
Book
08/2012
1st Edition
O'Reilly
€37.50
Shipment within 10-20 days
Content
- Intro
- Table of Contents
- Foreword
- Introduction
- A Caveat
- Focus on Drupal 7
- About the Case Studies
- Conventions Used in This Book
- Using Code Examples
- Safari® Books Online
- How to Contact Us
- Acknowledgments
- About the Author
- About the Reviewers
- Chapter 1. Some Things to Remember About Working with Drupal
- A Quick and Dirty Guide to DrupalSpeak
- Discussing Drupal with Clients
- Organizing Your Files
- Life Cycle of a Drupal Project
- Implementation Plans: Breaking Up Your Work
- And Now We Are Six
- Part I. Discovery and User Experience
- Chapter 2. Setting the Stage-Discovery and User Experience
- Discovery: Breaking Down the Project Goals
- Project Discovery
- User Experience: Framing the Design Challenge
- Getting Your Hands Dirty with UX
- Bringing UX Design to an Embedded Team
- Study the Organization You're Working With
- It's Not About Looks
- The Drupal Designer's UX and Design Toolkit
- Balsamiq Mockups33.http:?//?balsamiq?.?com/?products/?mockups
- Fireworks55.http:?//?www?.?adobe?.?com/?products/?fireworks?.?html
- Axure RP66.http:?//?axure?.?com/
- Chapter 3. User Experience-Techniques for Drupal
- User Personas
- User Flows
- Mind Mapping
- Functional Breakdowns
- Screen Sketches and Wireframes
- Content Strategy Documents
- Low-Fidelity Prototypes
- Functional Specifications
- Paper Prototypes
- When to Use a Paper Prototype
- Creating a Paper Prototype
- Walking Through the Prototype
- Non-HTML Digital Prototypes
- HTML or Drupal Prototypes
- UX Techniques and Drupal: Some Practical Issues
- A Further Note on Documents
- Chapter 4. Putting It in Practice-A Short-Form Project Brief
- Real-World Example: The TZK Project Plan
- Step 1: Identify the Project Goals
- Step 2: Identify the Audience
- Step 3: Focus on the Information Architecture and Content Strategy
- Step 4: Identify New Features or Technologies You Want to Include
- Step 5: Upgrade, or Start from Scratch?
- Step 6: Figure Out Theming and CSS Issues
- Go Deeper: User Experience and Project Management
- Books
- Websites
- Part II. Sketching, Visual Design, and Layout
- Chapter 5. Sketch Many, Show One
- Style Tiles: A Way to Explore Multiple Design Ideas
- Design Layout: Covering All Your Bases
- Greyboxing: An In-Between Option
- Chapter 6. Working with Layout Grids
- Why Use a Grid?
- Grids in Wireframing
- Grids in Theming
- Anatomy of a Grid Layout
- Working with Square Grid
- But What About All These Presentational Classes? There Must Be a Better Way!
- The New CSS Grid Layout Module: The Future Is Now
- Going Deeper: CSS Layout and Grid Systems
- Chapter 7. Putting It in Practice-Setting Up Fireworks Templates for Drupal
- Step 1: Set Up the Grid
- Step 2: Set Up the Header
- Step 3: Create a Single Node Page Without a Sidebar
- Step 4: Create Single Node Pages with One and Two Sidebars
- Step 5: Create the Other Pages
- Part III. Setting Up a Local Development Environment
- Chapter 8. The Drupal Designer's Coding Toolkit
- Wait, What? Why?
- A Note for Windows Users
- The Drupal Designer's Coding Toolkit
- Coda55.http:?//?panic?.?com/?coda
- Less.app66.http:?//?incident57?.?com/?less
- MAMP77.http:?//?www?.?mamp?.?info
- Terminal
- Navicat88.http:?//?navicat?.?com
- phpMyAdmin
- Drush
- Git99.http:?//?git?-?scm?.?com/
- Dropbox1010.https:?//?www?.?dropbox?.?com/
- Working on the Command Line: Some Basic Commands
- Commands
- That Wasn't So Bad, Was It?
- Chapter 9. Installing Drush
- Installing Drush
- Another Option: Creating a Symbolic Link to Drush
- Now the Fun Begins
- Chapter 10. Getting Started with Git
- Master Versus Origin
- Setting Up Git for Your Workflow
- Step 1: Create an SSH Key
- Step 2: Install Git
- Step 3: Set Up Your Git Configuration
- Step 4: Set Up a GitHub Account
- Step 5: Create the Remote Repository
- Step 6: Set Up the Local Repository
- So, What Happens on a Team?
- First Things First: The Git Workflow
- And There We Go
- Chapter 11. Putting It in Practice-Setting Up a Local Development Environment and Installing Drupal
- Step 1: Install MAMP
- Step 2: Set Up Your Local File Structure
- Step 3: Set Up the Drupal Files
- Step 4: Set Up the Drupal Database
- Step 5: Install Drupal
- Step 6: Use Drush to Install Some Modules
- Part IV. Prototyping in Drupal
- Chapter 12. Prototyping in Drupal
- Working with Content and Content Types
- Trial by Fire
- Working with Content Types: A High-Level Overview
- Organizing Your Content
- Putting It All Together
- Chapter 13. Choosing Modules
- So Many Modules
- How Do I Choose?
- Go-To Modules
- Pathauto
- Views
- Context
- Webform
- WYSIWYG
- Mollom
- Media
- Block Class
- Semantic Fields
- Fences
- Oh-So-Nice-to-Have Modules
- Field Group
- Link
- References
- View Reference
- Block Reference
- Submitagain
- I Don't Need This, but Ooh, It's Purty! Modules
- Views Slideshow
- Colorbox
- User Points
- HTML5 Tools and Elements
- @font-your-face
- A Completely Incomplete Listing
- Chapter 14. Making Views Sing-Using Views to Enhance a Layout
- But I'm Not a Developer-What If I Don't Want to Code?
- Step 1: Create the "Event Categories" Taxonomy Vocabulary
- Step 2: Create the Event Content Type
- Step 3: Create an Image Style
- Step 4: Create the User Profile
- Step 5: Get Profile Content into the Event Page
- Setting Up the View
- Step 6: Set Up the Contextual Filter
- Step 7: Set Up the Related Events Block
- So, What Did We Just Do Here?
- Chapter 15. Making Views Sing-Controlling Views Markup
- Step 1: Associate an Image with a Taxonomy Term
- Step 2: Create the Event Categories View
- Step 3: Update the Field Settings
- Step 4: Add a Custom Class to Each Taxonomy Term: Name Field
- Step 5: Style Away
- So, What Did We Just Do Here?
- Chapter 16. Getting Started with Drupal Theming: Base and Child Themes
- Breaking Down a Layout for a Drupal Implementation
- Nodes
- Blocks
- Views
- Choosing a Base Theme
- How to Choose a Base Theme
- Other Base Themes to Try
- Creating a Child Theme
- Other Things You Should Know About Base Themes
- Clear the Theme Registry!
- Working with Regions
- Please, Tell Me More!
- Chapter 17. Making CSS Easier with LESS
- Creating Variables
- The Mighty Mixin
- Nested Selectors and Styles
- Compiling the Code
- Working with LESS: Organizing Your Stylesheets
- Setting Up Color Variables
- Why LESS Is Awesome (Besides the Obvious)
- Working with LESS on a Team
- Part V. Making It Easier to Start Projects
- Chapter 18. Using Features
- Still More Awesomeness Awaits
- Chapter 19. Working with Drush Make and Installation Profiles
- Step 1: Install Drush Make
- Why This Is Lovely
- Getting Started with Install Profiles
- Part VI. Working with Clients
- Chapter 20. Proposing and Estimating Projects
- Preproposal Discovery: What You Need to Know
- Pricing a Project: Fixed-Bid Versus Hourly
- Writing the Proposal
- Chapter 21. Getting Clients to Love You, Even When You Have to Tell Them "No"
- That's Easy for You to Say ...
- The "Professional Relationship" Clause
- Chapter 22. After the Handoff-The Project
- Including Clients in the Retrospective
- Documenting What You Learned
- Documenting for the Community
- Part VII. Sample Documents
- Appendix A. Project Brief
- Hey There! It's Nice to Meet You.
- Who are you?
- About your project
- Background
- Goals and Objectives
- Target Audience
- Competition
- Brand Attributes
- Functionality and Technical Requirements
- For all projects
- For print projects
- For web projects
- Time and Money
- Thanks Again!
- Appendix B. Work Agreement (with Professional Relationship Clause)
- Work Agreement
- Terms and Conditions
- Payment Notes
- Professional Relationship
- Deliverables Timeframe
- Additional Terms
- Rejection/Cancellation of Project
- Modifications
- Ownership of Artwork
- Reproduction of Work
- Author's Alterations (AA's)
- Proofs
- Completion/Delivery of Project
- Releases
- Limitation of Liability
- Warranty of Originality
- Appendix C. Project Proposal
- Project Proposal
- Section 1.0: Project Background and Objectives
- Objective 1: Build upon the history of the Founder's experience with her prior firms to effectively position The Consulting Firm as a leader in environmental compliance information and consulting for technology products.
- Objective 2: Create a blogging and social media engagement strategy that allows the Founder to more firmly establish thought leadership in the field.
- Objective 3: Create a website that will serve as a marketing vehicle for The Consulting Firm, and integrate the Founder's content leadership efforts.
- Section 2.0: Statement of Work
- Brand Messaging and Positioning Strategy
- Blogging, Social Media, and Content Strategy
- Logo and Website Development
- Client Responsibilities
- Section 3.0: Development Process
- Phase I: Strategy, Goal-Setting, Requirements and Research
- Phase II: Creative Exploration and Design Development
- Phase III: Implementation and Testing
- Phase VI: Measure and Refine
- Section 4.0: Budget Estimate
- Section 5.0: The Zen Kitchen Background and Capabilities
- Section 5.1: Who Is the Zen Kitchen?
- Section 5.2: What Can the Zen Kitchen Do for You?
- Section 5.3: Why Choose the Zen Kitchen?
- Section 6.0: Terms and Conditions
- Payment Notes
- Payment Notes
- Professional Relationship
- Deliverables Timeframe
- Additional Terms
- Rejection/cancellation of project
- Modifications
- Ownership of artwork
- Reproduction of work
- Author's alterations (AA's)
- Proofs
- Completion/delivery of project
- Releases
- Limitation of liability
- Warranty of originality
- Index
