Join James Williamson for an in-depth discussion in this video Creating flexible HTML, part of Learning Responsive Design.
Although HTML doesn't get as much attention as CSS when responsive design is discussed,…how you structure your HTML is just as important as how you author your styles.…Without carefully planning and structuring your code, you'll never be able to create the…flexible layouts you'll need for a successful responsive design.…In many ways, your HTML needs to be just as flexible as your styles.…If you plan for your sidebar content to reflow a certain way on smaller screens, your page…structure needs to be constructed in a way that's going to allow it.…
Obviously, this means that your planning process has to consider both the needs of your code…structure and your styling requirements simultaneously, which may require you to alter your existing workflow.…For environments where the page structure is driven by a CMS or is locked in due to…other factors, you could find yourself limited in terms of your ability to reflow content.…If that's the case, you may have to rework your entire process or find ways to make a…
- 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.