Responsive Design Workflow

ISBN-10: 0321887867

ISBN-13: 9780321887863

Edition: 2013

Authors: Stephen Hay

List price: $39.99
eBook available
30 day, 100% satisfaction guarantee

If an item you ordered from TextbookRush does not meet your expectations due to an error on our part, simply fill out a return request and then return it by mail within 30 days of ordering it for a full refund of item cost.

Learn more about our returns policy


In our industry, everything changes quickly, usually for the better. We have more and better tools for creating websites and applications that work across multiple platforms. Oddly enough, design workflow hasn't changed much, and what has changed is often for worse. Old-school workflow is simply not effective on our multiplatform web. Fixed-width Photoshop comps and overproduced wireframes are no longer the way to design for today's multi-platform web. This book provides a practical approach for "designing in the browser." It shows how to better manage client expectations and development requirements, and offers a method of design documentation.
eBooks Starting from $31.99
Buy eBooks
what's this?
Rush Rewards U
Members Receive:
You have reached 400 XP and carrot coins. That is the daily max!
Study Briefs

Limited time offer: Get the first one free! (?)

All the information you need in one place! Each Study Brief is a summary of one specific subject; facts, figures, and explanations to help you learn faster.

Add to cart
Study Briefs
Periodic Table Online content $4.95 $1.99
Add to cart
Study Briefs
SQL Online content $4.95 $1.99
Add to cart
Study Briefs
MS Excel® 2010 Online content $4.95 $1.99
Add to cart
Study Briefs
MS Word® 2010 Online content $4.95 $1.99
Customers also bought

Book details

List price: $39.99
Copyright year: 2013
Publisher: Pearson Education
Publication date: 4/9/2013
Binding: Paperback
Pages: 240
Size: 6.75" wide x 8.75" long x 0.30" tall
Weight: 0.946
Language: English

Stephen Hay is Associate Professor of History at the University of California, Santa Barbara. His previous works include Asian Ideas of East and Westand Dialogue Between a Theist and an Idolator(edited).

In Splendid Variety These Changes Come
The birth of static hi-fi mockups
The static mockup comfort zone
The specialist invasion
We're all interaction designers
Jump from the waterfall
The straw that broke…
The elephant in the room
This is not gospel
This is a challenge
From the Content Out
Microstructure vs. modular structure
The lazy person's content inventory
Our universal example: This book's website
Progressive enhancement as design principle: The zero interface
Creating the example content inventory
Try it out
Content Reference Wireframes
Stop making this stuff so complicated
Baby steps: Creating low-fi web-based wireframes
Setting up your base markup
Setting up your base styles
Adjusting the wireframe to be "mobile first"
Adding navigation
Creating variants for larger screen sizes
Let's bust some myths
Interaction designers should make wireframes
Wireframes should be detailed
Do content reference wireframes limit design choices?
Isn't it too early to think about layout?
What should I wireframe?
When do I involve the client (a.k.a. "Where's my fancy deliverable?")
Try it out
Designing in Text
It's all content
Starting design with plain text
Marking up plain text
The book page text in Markdown
What changes mean at this point
It's about thinking
Converting plain text to HTML
Using the command line
Converting to HTML
Linear Design
Developing a design language
Using the Design Funnel
Serve your design to actual devices
Enhancing your structured content
Introducing templates
Your project folder so far
Think and sketch
Playing with type and color
Don't do too much just yet
Breakpoint Graphs
Documentation for breakpoints
Anatomy of a breakpoint
Visualizing breakpoints
Breakpoint graph components
Creating a simple breakpoint graph
Major and minor breakpoints
Adding more complexity
A more complex example: A podcast player
What we've covered
Designing for Breakpoints
First, a bit about sketching
How to sketch
Sketching on devices
Sketching as a habit
Only sweat the major breakpoints (for now)
Think about your content while sketching
What to do if you get stuck
Creating a Web-Based Design Mockup
Hurdles to acceptance
Clients (generally) don't care
Other people
Presenting your mockups
Let's get to work
Evolving your responsive wireframe
From static page to static site generator
Choosing an SSG
Introducing Dexy
Installing Dexy
Get your assets in here!
Including style sheets
Adding content
Sectioning content
Dexy's command center: The dexy-yaml file
Finishing your design mockup with CSS
Multiple pages
What we've covered
Presentation, Round One: Screenshots
Why not present in the browser right away?
The presentation/realism balance
Screenshots: Going from web-based (back) to images
How to make screenshots
Manual screenshots
Automated screenshots
Presenting screenshots
Presentation, Round Two: In the Browser
You'll find many bugs in your design
Collaboration and communication
How to present your interactive mockups
Use devices to impress
Explaining your design
Testing and client review
Client review
Take good notes
Using your notes and making revisions
Creating Design Guidelines
Design manuals and the web
The content and structure of design guidelines
Websites are different
My wish list for design guideline software
Creating your design documentation
Writing the documentation
Inserting example material
Creating screenshots
Making the Dexy configuration file
Testing your Dexy project
Taking screenshots of specific elements
Including rendered HTML
Including syntax-highlighted code
Making the documentation your own
Now it's time to go
Free shipping on orders over $35*

*A minimum purchase of $35 is required. Shipping is provided via FedEx SmartPost® and FedEx Express Saver®. Average delivery time is 1 – 5 business days, but is not guaranteed in that timeframe. Also allow 1 - 2 days for processing. Free shipping is eligible only in the continental United States and excludes Hawaii, Alaska and Puerto Rico. FedEx service marks used by permission."Marketplace" orders are not eligible for free or discounted shipping.

Learn more about the TextbookRush Marketplace.