- Copyright 2017
- Edition: 1st
-
Online Video
- ISBN-10: 0-13-419371-7
- ISBN-13: 978-0-13-419371-7
Learning Responsive Web Design LiveLessons
4+ Hours of Video Instruction
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 LevelYou Will Learn How To:- Create effective and reliable responsive designs with CSS3, HTML5, and JavaScript
- Use progressive enhancement to consistently provide the right content while making the most of each device and browser
- Establish breakpoints and write CSS media queries to respond appropriately to each user agent
- Choose the right layout and wireframing approach for your site
- Use web fonts to control typography and choose sizes that look good on any device
- Master three ways to make tables responsive
- Build responsive forms using the latest HTML5 tags and attributes
- Implement responsive navigation patterns that users understand intuitively
- Test for responsiveness and performance
- Use Responsive Design + Server Side Components (RESS) to optimize performance
Who Should Take This Course- Web designers and developers who want to quickly get up to speed with the fundamentals of responsive web design
Course Requirements- Basic understanding of HTML and CSS
New Player Enables Streaming and Download Access
Now you can stream and download videos for unlimited 24/7 online/offline access and ownership.
- Streaming – Watch instantly as the video streams online in real time; after purchase, simply click Watch Now to get started.
- Download – Download video files for offline viewing anytime, anywhere; after purchase, simply click the Download icon within the player and follow the prompts.
Table of Contents
Lesson 1: Introducing Responsive Web Design (RWD)1.1Learn What Responsive Web Design Is1.2Learn the History of Responsive Web Design or RWD1.3Understand the Alternatives to RWD1.4Why RWD is the Best Choice for Modern Web Development1.5Understand How RWD Helps Design for Different Situations
Lesson 2: HTML, CSS, and JavaScript for RWD 2.1Understand the Basics of HTML2.2Review JavaScript Basics2.3Get Started with Cascading Style Sheets
Lesson 3: CSS Media Queries 3.1Get Started With Media Queries 3.2How to Write Media Query Expressions
Lesson 4: Breakpoints 4.1Understand BreakPoints4.2How to Define Breakpoints4.3Optimal Breakpoints4.4My Favorite Breakpoints
Lesson 5: Creating Responsive Layouts 5.1Understand Responsive Web Layouts5.2Types of Layouts5.3Using Columns in Responsive Layouts5.4Using Tables for Web Layouts—Pros and Cons
Lesson 6: Responsive Navigation6.1The Importance of Responsive Navigation6.2How to Make Mobile-Friendly Navigation6.3Pros and Cons of Standard RWD Navigation Patterns
Lesson 7: Responsive Images7.1How to Make Images Responsive7.2Keep the Download Speeds Fast7.3Use Retina-Ready Images
Lesson 8: Responsive Video 8.1How to Make Video Responsive8.2Make YouTube Videos Responsive8.3Make a Video Background
Lesson 9: Responsive Web Tables9.1Problems With Tables on Small Devices9.2How to Make Tables Responsive9.3Layout Tables Are Valid
Lesson 10: Responsive Web Forms 10.1Use Modern HTML10.2Make Web Forms Usable10.3Build a Responsive Form
Lesson 11: Testing RWD Sites 11.1Test in Your Favorite Browser, but Don't Stop There11.2How to Use Google Developer Tools for Testing11.3Use Devices, if You Can11.4How to Test When You Don't Have the Devices
Lesson 12: Best Practices for RWD 12.1Make the Best Site You Can for the Most People12.2Avoid the Common RWD Problems and Pitfalls
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