In just one day, Jason will teach you how to:
- Designing mobile-first responsive web designs
- Correctly apply media queries and make an existing design responsive
- What happens when you leave out the viewport metatag
- The differences between minor and major breakpoints
- Testing and optimizing performance
- Why most responsive sites load slowly and with errors
- Tests for optimizing performance—from inputs and retina display to images
- The five steps to designing for peak performance and intuitive UX
- Detecting devices the right way
- Why device detection affects your responsive design strategy
- Common pitfalls to avoid when designing for specific devices (and responsively)
- Techniques for using device-detection well
- Handling common responsive design challenges
- The benefits of ems-based media queries instead of pixels
- How to use common patterns when dealing with complex navigation
- When to test in the device lab and make future-friendly designs
This workshop is not all talk as you'll work with practical, everyday examples of responsive web designs and see them working across a range of devices from mobile phones to desktops and everything in between. You'll walk away with a full set of resources and example files too.
This workshop is for professional web designers and developers and assumes that you're already familiar with HTML5 and a little CSS.
What hardware/software do you need?
It's a good idea to bring your laptop to the workshop. Pencils, markers and paper will be supplied.