O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Bridging UX and Web Development

Book Description

The divide between UX and Web development can be stifling. Bridging UX and Web Development prepares you to break down those walls by teaching you how to integrate with your team’s developers. You examine the process from their perspective, discovering tools and coding principles that will help you bridge the gap between design and implementation. With these tried and true approaches, you’ll be able to capitalize on a more productive work environment.

Whether you’re a novice UX professional finding your place in the software industry and looking to nail down your technical skills, or a seasoned UI designer looking for practical information on how to integrate your team with development, this is the must-have resource for your UX library.

  • Establish a collaboration lifecycle, mapping design activities to counterparts in the software development process
  • Learn about software tools that will improve productivity and collaboration
  • Work through step-by-step exercises that teach font-end coding principles to improve your prototyping and implementation activities
  • Discover practical, usable HTML and CSS examples
  • Uncover tips for working with various developer personas

Table of Contents

  1. Cover image
  2. Title page
  3. Copyright
  4. Dedication
  5. Acknowledgments
  6. Preface
  7. Part I: Working with Developers for Fun and Profit
    1. Part I. Working with Developers for Fun and Profit
    2. Chapter 1. State of the Industry
    3. Chapter 2. Looking for Group
      1. Do’s and Don’ts of Designer–Developer Relationships
      2. Developer Personas
    4. Chapter 3. Collaboration Life Cycle
      1. Requirements Analysis
      2. Design
      3. Implementation
      4. Testing and Evaluation
  8. Part II: Sitting in the Driver’s Seat
    1. Part II. Sitting in the Driver’s Seat
    2. Chapter 4. Why HTML and CSS?
      1. Share the HTML, Own the Style Sheet
      2. Style Sheet as Design Specification
    3. Chapter 5. Tooling Up
      1. Integrated Development Environment
      2. Choose Your Weapon
      3. Browser Developer Tools
      4. Diffing and Merging
      5. Version Control
      6. Exercise 1: Git ’er Done!
      7. Putting it All Together
    4. Chapter 6. Formatting Standards
      1. Whitespace
      3. Formatting CSS
      4. Declaration Order
      5. More Tools?
      6. Exercise 2: Format and Diff
    5. Chapter 7. OOCSS
      1. Ground Rules
      2. Exercise 3: Using Sprites
      3. Two Primary Principles of OOCSS
      4. Exercise 4: Reduce, Reuse, Recycle
      5. Creating Components
      6. Exercise 5: A Practical Example of Reusable Components
    6. Chapter 8. Owning Behavior
      1. Exercise 6: The Other Field
      2. Exercise 7: Economy of Scale
      3. Classy Code
    7. Chapter 9. Looking Toward the Horizon
      1. CSS Preprocessors
      2. Javascript Libraries
      3. Harness Up Your App and Ride
      4. Exercise #9: Test Harness
  9. Not the End
  10. References and Resources
    1. How to Find Me
    2. Survey
    3. Designers Working with Developers
    4. Learning to Code
    5. Interesting Moments Grid
    6. HTML and CSS
    7. OOCSS
    8. Toolbox
  11. Glossary
  12. Index