Join James Williamson for an in-depth discussion in this video Building responsive forms, part of Learning Responsive Design.
Responsive design isn't just about modifying layouts to fit screen sizes.…To build truly responsive sites, you need to think about the context in which the site…is being used and then try to tailor the user experience to best suit that environment.…That's especially true for site features such as forms.…Making sure your forms are clear and easy to fill out is an important part of any good user experience.…Since form factors change from one device to another, it can be challenging to build…forms that are equally effective across devices.…
With that in mind, I want to go over a few practices and techniques that you can use…to help make your forms more responsive.…As you might expect, you need to start the process of building responsive forms during…the initial planning stages.…My recommendation is that you start by considering the mobile context first.…Good mobile forms have reduced clutter and focused form elements.…By thinking about how to build more streamlined form that still captures what you need, you'll…
- 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.