2015
Lynda
Justin Putney
0:53
English
The project isn't over when the design is complete. The website also has to reach its users, which means tackling the inevitable issues that crop up on the way to a beautiful, working site. Make yourself invaluable by solving the problems no one else can, with this toolkit of solution-oriented techniques.
Learn to turn your web browser into a code inspector, cope with browser incompatibilities, perform cross-platform testing, and more. Justin Putney gives you the skills you need to address the unique problems in each new project—and ensure the quality of your design and your code.
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
Download File Size:310.71 MB