Join James Williamson for an in-depth discussion in this video Testing responsive designs, part of Learning Responsive Design.
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
Skill Level Beginner
1. Introducing Responsive Design
What makes sites responsive?2m 37s
2. Common Concepts
3. Responsive Design Strategies
Additional resources2m 12s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.