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

Responsive Layouts

Course Summary

Responsive web design is a collection of techniques for building websites that work on multiple screen sizes. In these lessons, we're going to use the foundational principles of responsive design as a framework for thinking about page layout. By the end, you should have a better understanding of how to approach common decisions in responsive design.


  • +

    Course Syllabus

    Responsive Theory

    In general, responsive design consists of fluid grids, fluid images, and media queries. By this point, you should have already done some responsive design, but understanding the origins and foundational principles will help you step into more advanced concepts. 5 steps
    • Course Overview 1:29
    • What is Responsive Web Design? 1:27
    • What is Responsive Web Design? 3 questions
    • Thinking in Relative Units 2:12
    • Thinking in Relative Units 4 questions
    • Extra Credit If you have an older website that's built using fixed units like pixels, try converting it to relative units, like percentages or ems. Alternatively, you could create a wireframe and then try using percentages to express it using relative units.

    Media Queries

    Media queries are CSS rules that help us include CSS code only when certain conditions are met. These conditions are called media features, and in the case of responsive web design, the media feature most commonly used is width, or more specifically, min-width. However, media queries actually come with many media features, and width is just one of them. 5 steps

    Responsive Patterns

    It's important to consider how different design patterns will translate from one breakpoint to another. Thinking about pieces of atomic design, such as tabs or an image carrousel, is a great way to break down a responsive layout into its component parts. 3 steps


Course Fee:
USD 25

Course Type:

Self-Study

Course Status:

Active

Workload:

1 - 4 hours / week

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
REDHERRING
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