Problem Solving for Web Professionals

Make yourself invaluable by fixing the web design problems no one else can, with this toolkit of solution-oriented techniques.

Introduction

• Welcome
• Using the exercise files

1. Getting Started

• A framework for problem solving
• Thinking about feedback loops
• Where to find the web inspection tools

2. Something Doesn't Look Right

• Canary in the coal mine: Check the console first
• Search and destroy HTML errors
• Who's the (style) boss?
• The magical inflating box
• The case of the missing asset

3. Making Everybody Happy

• Who are you going to support?
• Follow the protocol
• Dude, where's my video?
• Giving Internet Explorer a nudge

4. Just Google It

• Become a search master
• Not all hits are created equal

5. Testing Tools of the Trade

• Rapid testing with online snippet editors
• Using local servers to shrink the feedback loop
• Using emulators to quickly test mobile devices
• Tools for testing multiple browsers and operating systems

6. Testing Responsive Layouts

• Size matters
• A viewport is better than a peephole
• That shouldn't be on my device

7. Debugging

• Writing to the console
• Testing code on the live page
• Finding a needle in a minified haystack

8. Creating New Functionality

• Search the APIs
• Getting approval from the code inspector
• Implement with caution

Conclusion

• Next steps