Join James Williamson for an in-depth discussion in this video Exploring fluid grid frameworks, part of Learning Responsive Design.
In our final chapter, I want to leave you with some helpful resources that can make…it easier for you to experiment with, and adopt, responsive design.…I'll start by showing you some of my favorite fluid grid frameworks.…Using an existing fluid grid framework can speed up development, help keep code consistent…across projects, and give you a solid starting code base.…You know, they're not for everyone however, as they can add unnecessary code to your sites…and occasionally require non-semantic markup.…So, whether or not you use them for your own responsive sites is largely a matter of personal choice.…
I encourage you to examine as many of these frameworks as possible and try them out before…committing to them for a specific site.…I'm going to start by showing you a couple of grid-only options and then moving on to…a few full frameworks.…The Golden Grid System is a folding grid system that features an 18-column grid, which folds…down to eight and four columns respectively as it hits tablet and mobile breakpoints.…
- 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.