A quick, easy-to-understand video course for beginners on the fundamentals of responsive web design
Description
Learning Responsive Web Design LiveLessons provides web designers and developers with a practical introduction to responsive web design, which is used to create websites that work across many different types of devices from small screen cell phones to large- and multi-screen monitors.
Jennifer Kyrnin is a working web designer and has …
A quick, easy-to-understand video course for beginners on the fundamentals of responsive web design
Description
Learning Responsive Web Design LiveLessons provides web designers and developers with a practical introduction to responsive web design, which is used to create websites that work across many different types of devices from small screen cell phones to large- and multi-screen monitors.
Jennifer Kyrnin is a working web designer and has been teaching and writing about web design, HTML, and web development since 1995. She is a freelance web designer and author, writing regularly for several websites on the Internet. She also teaches and writes about web design, HTML, CSS, JavaScript, PHP, Bootstrap, and XML and is the author of five books related to the Internet and web design.
Skill LevelTable of Contents
About LiveLessons
LiveLessons Video Training series publishes hundreds of hands-on, expert-led video tutorials covering a wide selection of technology topics designed to teach you the skills you need to succeed. This professional and personal technology video series features world-leading author instructors published by your trusted technology brands: Addison-Wesley, Cisco Press, IBM Press, Pearson IT Certification, Prentice Hall, Sams, and Que. Topics include: IT Certification, Programming, Web Development, Mobile Development, Home and Office Technologies, Business and Management, and more. View all LiveLessons on InformIT at http://www.informit.com/imprint/series_detail.aspx?ser=2185116
Introduction
Learning Responsive Web Design: Introduction 00:02:21
Lesson 1: Introducing Responsive Web Design
Learning objectives 00:00:48
1.1 Learn What Responsive Web Design Is 00:01:58
1.2 Learn the History of Responsive Web Design or RWD 00:04:11
1.3 Understand the Alternatives to RWD 00:05:02
1.4 Why RWD is the Best Choice for Modern Web Development 00:02:57
1.5 Understand How RWD Helps Design for Different Situations 00:04:05
Summary 00:00:35
Lesson 2: HTML, CSS, and JavaScript for RWD
Learning objectives 00:00:28
2.1 Understand the Basics of HTML 00:05:20
2.2 Review JavaScript Basics 00:08:07
2.3 Get Started with Cascading Style Sheets 00:28:04
Summary 00:00:33
Lesson 3: CSS Media Queries
Learning objectives 00:00:30
3.1 Get Started With Media Queries 00:08:40
3.2 How to Write Media Query Expressions 00:06:13
Summary 00:00:21
Lesson 4: Breakpoints
Learning objectives 00:00:42
4.1 Understand BreakPoints 00:01:10
4.2 How to Define Breakpoints 00:07:17
4.3 Optimal Breakpoints 00:02:50
4.4 My Favorite Breakpoints 00:01:09
Summary 00:00:17
Lesson 5: Creating Responsive Layouts
Learning objectives 00:00:42
5.1 Understand Responsive Web Layouts 00:01:04
5.2 Types of Layouts 00:08:40
5.3 Using Columns in Responsive Layouts 00:10:27
5.4 Using Tables for Web Layouts—Pros and Cons 00:03:22
Summary 00:00:24
Lesson 6: Responsive Navigation
Learning objectives 00:00:40
6.1 The Importance of Responsive Navigation 00:02:29
6.2 How to Make Mobile-Friendly Navigation 00:03:41
6.3 Pros and Cons of Standard RWD Navigation Patterns 00:17:00
Summary 00:00:24
Lesson 7: Responsive Images
Learning objectives 00:00:56
7.1 How to Make Images Responsive 00:10:27
7.2 Keep the Download Speeds Fast 00:03:49
7.3 Use Retina-Ready Images 00:10:35
Summary 00:00:26
Lesson 8: Responsive Video
Learning objectives 00:00:34
8.1 How to Make Video Responsive 00:06:40
8.2 Make YouTube Videos Responsive 00:04:51
8.3 Make a Video Background 00:05:40
Summary 00:00:24
Lesson 9: Responsive Web Tables
Learning objectives 00:00:47
9.1 Problems With Tables on Small Devices 00:01:47
9.2 How to Make Tables Responsive 00:16:12
9.3 Layout Tables Are Valid 00:02:13
Summary 00:00:26
Lesson 10: Responsive Web Forms
Learning objectives 00:00:53
10.1 Use Modern HTML 00:09:22
10.2 Make Web Forms Usable 00:08:41
10.3 Build a Responsive Form 00:01:07
Summary 00:00:18
Lesson 11: Testing RWD Sites
Learning objectives 00:00:36
11.1 Test in Your Favorite Browser, but Don’t Stop There 00:04:51
11.2 How to Use Google Developer Tools for Testing 00:05:35
11.3 Use Devices, if You Can 00:04:48
11.4 How to Test When You Don’t Have the Devices 00:02:06
Summary 00:00:25
Lesson 12: Best Practices for RWD
Learning objectives 00:00:48
12.1 Make the Best Site You Can for the Most People 00:08:18
12.2 Avoid the Common RWD Problems and Pitfalls 00:15:59
Summary 00:00:22
Summary
Learning Responsive Web Design: Summary 00:01:17