Join James Williamson for an in-depth discussion in this video Testing responsive designs, part of Responsive Design Fundamentals.
- View Offline
Testing is a critical component of any web project, and that's especially true for responsive design.…The trick in testing responsive sites is in accurately testing how your site is going…to look and perform across multiple devices.…Most people test responsive design projects by simply resizing their browser window as…they refine their layouts.…While this type of testing is helpful at giving you immediate feedback, it doesn't accurately…show you how the site will render on mobile browsers, and it ignores performance altogether.…
Thankfully, there are a few tools out there that can help you test your responsive designs.…The first thing that most people want to test when designing responsive layouts is their…media queries and whether or not they're hitting the right breakpoints.…Now, you can resize your browser window to test this, but you're not really getting any…feedback as to the actual trigger points themselves, and it's not exactly a speedy process.…In fact, many designers became so frustrated with this that they created a couple of online…
- What is responsive design?
- Controlling viewports
- Designing for multiple screen densities
- Working with media queries
- Using fluid grids
- Building responsive forms
- Optimizing site performance
- Building responsive mockups
- Developing a content strategy
- Designing for mobile capabilities
- Creating flexible HTML
- Testing responsive designs