- Overview
- Transcript
1.1 Responsive Web Design Revisited
Welcome to “Responsive Web Design Revisited”. As a web designer, Responsive Web Design is an area of expertise you’ll need to have listed on your resumé. More importantly it’s an area you’ll need to stay up to date with; it has already changed enormously in the short time since its conception. Before we dive in, let’s take a peek at what you’ll learn during this course.
1.Introduction3 lessons, 21:53
1.1Responsive Web Design Revisited01:34
1.2What “Responsive” Means Today and What You’ll Be Building14:46
1.3“Content First” Methodology: Why You Should Use It and How05:33
2.Content Stage2 lessons, 15:32
2.1Content and Responsiveness Plan07:44
2.2Assemble Content07:48
3.Style Tiles Stage2 lessons, 22:08
3.1“Style Tiles” and Catering for All by Designing Big07:09
3.2Creating Style Tiles in Adobe Photoshop14:59
4.Foundational Code Stage3 lessons, 43:53
4.1Build Your Basic Code Shell14:56
4.2Add Unstyled Content: HTML and JavaScript13:57
4.3Add Unstyled Content: CSS15:00
5.Style Code Stage1 lesson, 14:15
5.1Turn Style Tiles Into Style CSS14:15
6.Optimization Stage2 lessons, 19:15
6.1The picture Element06:32
6.2Code Autoprefixing, Combination, and Minification12:43
7.Conclusion1 lesson, 01:05
7.1Wrapping Up01:05
1.1 Responsive Web Design Revisited
Being a web designer today means that right at the top of your job description is a line that reads, must be able to build responsive web sites. But what responsive web design actually means is something that's always changing with evolving technology and coding methods. So, it's an area of expertise that requires constant revisiting. When you've completed this course, you'll have thoroughly refreshed your lineup of responsive web design techniques. You'll know how to build responsive sites from the ground up that work beautifully in any view port, regardless of resolution. You'll employ a content first methodology, learning how to work in a world where the line between mobile devices, desktop devices, and every other type of device is growing more and more blurred by the day. You'll find out how you can have your cake and eat it too, using design software to handle the design portion of your web development, and yet still coding your responsive functionality live in the browser. You'll be able to produce flexible, scalable, relative unit-based layouts that expand and shrink harmoniously according to browser or user font size settings, so that everyone of your visitors sees your site exactly as it was meant to be. And you'll learn how to optimize your sites for fast loading and efficient processing. So let's jump in and get started with responsive web design revisited.