MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Mobile First Responsive Web Design

Course Summary

Responsive web design is a recent strategy for building web sites that can respond and adapt to multiple devices and their respective resolutions. Mobile first is the concept of creating the design for your mobile web site first, and then building out tha

  • +

    Course Syllabus

    ● Introduction
        ◦ Introduction
        ◦ Why Bother
        ◦ Options
        ◦ What You Want
        ◦ It isn't Just About Mobile
        ◦ Mobile First
        ◦ Benefits of Mobile First
        ◦ Progressive Enhancement
        ◦ Adaptive vs. Responsive
        ◦ Even if You Have an App
        ◦ Summary
    ● Mobile First Responsive Web Design - Layout in a Responsive World
        ◦ Introduction
        ◦ Know What You are Building
        ◦ Brainstorm
        ◦ What I'm Building
        ◦ Mobile Layout Design
        ◦ My Mobile Design
        ◦ Design Desktop Concurrently
        ◦ Viewport
        ◦ Prototype, Iterate
        ◦ Use Percentages Not Pixels
        ◦ Demo: Prototype
        ◦ Ems or Rems
        ◦ Flexbox
        ◦ Always Remember the Cascade
        ◦ Summary
    ● Applying mobile-first responsive web design features
        ◦ Introduction
        ◦ Media Query
        ◦ Where to Use
        ◦ Demo: Media Queries
        ◦ Adaptive Design
        ◦ Content
        ◦ Navigation
        ◦ Content Patterns
        ◦ Demo: Content and Navigation
        ◦ Dealing with Text and Images
        ◦ Demo: SVG
        ◦ Summary
    ● Mobile first forms
        ◦ Introduction
        ◦ Distill Down
        ◦ Labels and Placeholders
        ◦ HTML5 Input Types
        ◦ Demo: HTML5 Form Types
        ◦ Other Form Stuff
        ◦ Summary
    ● Performance
        ◦ Introduction
        ◦ General Web Performance
        ◦ Data-URIs
        ◦ Demo: Data-URIs
        ◦ Other Performance Tips
        ◦ Demo: Inline Styles
        ◦ Bundling and Minification
        ◦ JavaScript
        ◦ Summary
    ● Responsive design tools
        ◦ Introduction
        ◦ A List of Responsive Tools


Course Fee:
USD 29

Course Type:


Course Status:



1 - 4 hours / week

This course is listed under Development & Implementations and Enterprise Applications Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top