Join James Williamson for an in-depth discussion in this video Looking at responsive design tools, part of Learning Responsive Design.
Unfortunately, many of the capabilities we need to create truly responsive designs either…don't exist at the current time or are unevenly supported across user agents.…Thankfully, there are lots of people in organizations working very hard to make creating responsive…designs easier and to plug the holes in some of those existing capability gaps.…I'd like to show you some of the tools that can make creating responsive designs a little…easier and some that can help you ensure that your responsive designs work across as many…devices as possible.…
I really like to sketch my ideas out first before I move on to creating code.…To me, this helps me visualize how my content will be presented and work through a site's…responsiveness before actually authoring any of the CSS.…That's why I absolutely love the responsive web designs sketch sheets created by Jeremy Alford.…You can download the sheets, print them out, and be brainstorming your responsive design in minutes.…Instead of using an existing fluid grid, you might want to build your own.…
- 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.