Join James Williamson for an in-depth discussion in this video Refining mobile layouts, part of Applied Responsive Design.
We'll finish out our chapter on layout by refining our mobile layout.…And as before, we are going to focus on those three core areas: the header, mission statement,…and featured galleries sections.…So I am working on the index file. This time from the 02_10 directory, I am also working…on the main.css, which can be found in the _css directory as well.…Just to kind of show you where we are in terms of the mobile layout, I am going to open that…up in the browser. You can see, again, we have got some basic styling going on. We have got a…little bit of the structure happening, and that's really all being done right now by…our global styles. And some of the basic layout styling is being done by the container styling…that we did a little bit earlier.…
So let's jump back into our mobile styles, which you can find at around line 436.…Again, we are going to focus on each of the sections individually, and we'll start, as we…have before, with the header styles. So let me go ahead and add the code that we are going to be using there.…
- Creating mockups
- Structuring page regions
- Defining default styles and media queries
- Building desktop, tablet, and mobile layouts
- Structuring and styling menus
- Dynamically replacing menus
- Creating a responsive image gallery
- Adding phone functionality
- Testing responsive sites
Skill Level Intermediate
1. Planning Responsive Designs
2. Building Responsive Layouts
3. Responsive Navigation
4. Creating Responsive Media
5. Enhancing Sites for Mobile
6. Managing Resources
Additional resources4m 10s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.