Join James Williamson for an in-depth discussion in this video Defining default styles, part of Applied Responsive Design.
- View Offline
- Exercise Files
- Code Practice
If you sneaked a peek at the finished project, you may have noticed that the final CSS file…has over 1500 lines of code in it.…I know that sounds like a lot, but once you realize that that's actually three separate…layouts, as well as all the site's global styles, it's really not that bad.…It is not even minified; so yeah, it's not too bad.…Still, what that means is we are not really going to be able to write every single style…or line of code in this course.…It would just simply take too long.…So instead, I want to focus on the theory and the approach that I use when building…a responsive layout.…
Now that means that we are going to be constructing specific parts of the layout while focusing…on the overall concept.…Now, the first concept I want to cover is the idea of identifying and writing global styles.…I am going to switch back over to our mockup here for just a second.…Now, how you do this is going to largely depend on your own individual workflow, but the basic…concept of it goes like this.…
- 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.