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

HTML5 Projects: Creating a Responsive Presentation

Course Summary

Use open technologies (HTML5, jQuery, and CSS) to create a slideshow that responds to mobile and desktop layouts, and learn to customize the slideshow to fit your next project.     

  • +

    Course Syllabus

       Prerequisites for this course 
       Using the exercise files 
       Using challenges 
    1. Understanding the Project
       Exploring the final results 
       Exploring highlighted HTML5, CSS3, and JavaScript (jQuery) technologies 
    2. Creating Slides
       Structuring the HTML 
       Creating slide content 
       Creating the default slide appearance 
    3. Displaying Pages and Creating Navigation
       Using jQuery to display the current page 
       Adding click and keyboard navigation 
       Adding swipe gestures for mobile 
       Challenge: Customized keyboard navigation 
       Solution: Customized keyboard navigation 
       Challenge: Create a pause screen 
       Solution: Create a pause screen 
    4. Creating a Responsive Layout
       Deciding how elements will respond 
       Translating ideas into CSS 
       Using media queries to adjust the layout 
       Full screen 
       CSS transitions 
       Challenge: Creating a responsive text shadow 
       Solution: Creating a responsive text shadow 
       Next steps 


Course Fee:
USD 25

Course Type:


Course Status:



2 - 3 hours / week

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