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

Applied Responsive Design

Course Summary

Real-world responsive design strategies to control the appearance and behavior of your website across multiple screen sizes and devices.       

  • +

    Course Syllabus

        Using the exercise files
        Supporting older versions of Internet Explorer
        Exploring the finished project
    1. Planning Responsive Designs
        Content planning
        Creating mockups
        Planning responsive UX
        Structuring page regions
        Structuring content for multiple devices
    2. Building Responsive Layouts
        Controlling the viewport
        Defining default styles
        Determining content breakpoints
        Defining media queries
        Building the basic desktop layout
        Building the basic tablet layout
        Building the basic mobile layout
        Refining desktop layouts
        Refining tablet layouts
        Refining mobile layouts
    3. Responsive Navigation
        Defining a responsive navigation strategy
        Structuring basic menus
        Styling basic menus
        Using CSS sprites in menus
        Structuring complex menus
        Using jQuery for menu behavior
        Responding to changes in screen size
        Minimizing menus for small screens
        Expanding submenus through touch
        Replacing hover styling with touch
        Resetting menus for large screens
        Preventing conflicts
        Providing fallbacks
        Dynamically replacing menus
        Converting menus to select elements
        Converting select elements to menus
    4. Creating Responsive Media
        Creating fluid images
        Making video fluid
        Using CSS in place of images
      Image gallery overview
        Structuring a responsive image gallery
       Controlling gallery styling
        Adding image gallery functionality
    5. Enhancing Sites for Mobile
        HTML5 form inputs
        Adding phone functionality
        Adding home screen icons
    6. Managing Resources
        Modernizr and Respond.js overview
        Loading resources with Modernizr
        Conditional resource loading
        Testing responsive sites
       Additional resources


Course Fee:
USD 25

Course Type:


Course Status:



6 - 7 hours / week

This course is listed under Development & Implementations and Quality Assurance & Testing 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