Aesthetic
0:00 / 11:27
 
 
 
 
 

Creating a Responsive Design Webpage

130 CQ
14 Lessons
  • Playing
    Free
    6 CQ
    1. What Is Responsive Design?
    A lesson with Brian Wood Training
    View lesson

    Do you find that your internet viewing experience is different on a desktop computer than a mobile device? Get a better view with responsive design!

    Do you find that your internet viewing experience is different on a desktop computer than a mobile device? Get a better view with responsive design!

  • Playing
    5 CQ
    2. What Makes a Design Responsive?
    A lesson with Brian Wood Training
    View lesson

    Now that you know the basics of responsive web design, find out what makes a website responsive and discover different types of responsive designs.

    Now that you know the basics of responsive web design, find out what makes a website responsive and discover different types of responsive designs.

  • Playing
    7 CQ
    3. Media Queries in Responsive Design
    A lesson with Brian Wood Training
    View lesson

    Media queries (or breakpoints) are essential to responsive web design. Follow along as Brian Wood demonstrates how to code CSS media queries by device size.

    Media queries (or breakpoints) are essential to responsive web design. Follow along as Brian Wood demonstrates how to code CSS media queries by device size.

  • Playing
    9 CQ
    4. Creating a Responsive Design Page
    A lesson with Brian Wood Training
    View lesson

    Begin your journey as a responsive design web developer! Learn how to start the HTML and CSS styling in an HTML text editor and learn about viewport meta tags.

    Begin your journey as a responsive design web developer! Learn how to start the HTML and CSS styling in an HTML text editor and learn about viewport meta tags.

  • Playing
    6 CQ
    5. What Is Mobile-First Design?
    A lesson with Brian Wood Training
    View lesson

    What is mobile-first design? When responsive design web development thinks of mobile browsing devices first instead of desktops. Learn about it in this lesson!

    What is mobile-first design? When responsive design web development thinks of mobile browsing devices first instead of desktops. Learn about it in this lesson!

More...