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

Building Responsive Websites with HTML 5 & CSS3

Course Summary

Learning how to build responsive websites has never been easier!


  • +

    Course Syllabus

    • Introduction
      • Welcome
      • A Look At What We'll Build
    • Responsive Design Fundamentals
      • Key Aspects Of Responsive Design
      • Determining Device Resolutions To Target
      • Wireframing Responsive Layouts
    • The Basics: Multiple Style Sheets & Media Queries
      • The Concept Of Using Multiple CSS Files
      • Media Queries & Multiple Style Sheets
      • Building Media Queries Into A Single CSS File
      • Using Media Query Expressions
    • Building HTML Structure & CSS For All Screens
      • Setting Up The HTML & CSS Files
      • Getting Started With The Header
      • Inserting The Main Nav Menu
      • Inserting The Search Field
      • Problems With Applying Floats
      • Integrating Google Fonts API
      • Building The Hero Section Structure
      • Formatting The Hero Section
      • Inserting & Formatting A Call To Action Button
      • Building The Features Section, Part One
      • Building The Features Section, Part Two
      • Inserting The Organize Section
      • Building The Share Section
      • Building The Call To Action Area
      • Inserting And Formatting The Footer
      • Finishing Touches For The High Resolution Layout
    • Building The Tablet Layout
      • Setting Up The Medium Resolution CSS & Testing The Media Query
      • Formatting The Medium Res Header
      • Formatting The Medium Res Hero Section
      • Formatting The Features Section
      • Formatting The Organize And Share Sections
      • Building The Get Section & Finishing Up The Medium Res Layout
    • Building The Smartphone Layout
      • Setting Up The Low Res CSS & Testing The Media Query
      • Formatting The Low Res Header
      • Resolving Problems Caused By Floats
      • Formatting The Low Res Hero Section
      • Formatting The Features Section
      • Formatting The Organize And Share Sections
      • Building The Get Section & Finishing Up The Low Res Layout
    • Advanced Techniques For Responsive Design
      • Disabling Device Smart Zoom
      • Testing Your Responsive Layouts
      • Setting Up Retina Display Graphics
    • Wrapping Up
      • Where To Go From Here


Course Fee:
USD 45

Course Type:

Self-Study

Course Status:

Active

Workload:

1 - 4 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
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