SitePoint
  • Premium
  • Library
  • Community
  • Jobs
  • Blog
LoginStart Free Trial

The home for developers

Track your course progress, manage projects, and find your dream job - all in one place.

Start Your Free Trial

7 Day Free Trial. Cancel Anytime.

SitePoint Premium

  • Access to 700+ courses
  • Publish articles on SitePoint
  • Daily curated jobs
  • Learning Paths
  • Discounts to dev tools
  • Library/
  • Video courses/
  • Add More Responsive Tricks to Your Toolbelt
Add More Responsive Tricks to Your Toolbelt

Add More Responsive Tricks to Your Toolbelt

No longer cutting edge, it's the norm


Course details

4.2∙15 Ratings10 reviews

Published
July 2017
Videos
5
Duration
33m
Happy students
1254

Take this course

About the course

Responsive web design techniques have graduated from being the fancy cutting edge of web development and design to becoming the norm, the standard which most new website and application constructions must measure. Because of that, though, there are still tips and helpful techniques that can be earned by even experienced web developers. In this course, you will be taught how to create elements with responsive background videos, how to use the picture tag to display responsive images, and how to use CSS to create scalable backgrounds. Getting backgrounds right, especially complex video backgrounds and images that need to be displayed correctly to the user can be a tricky endeavor, and this course will take you through all of that, giving you a few more tools in your responsive web design arsenal to create awesome responsive layouts for future projects! Learn more about responsive web techniques through our courses. Flexbox, is a great short course diving into the Flexbox model for responsive web. For a comprehensive and intermediate deep dive into a responsive whole front-end workflow, take our project-driven course Responsive Web Development. It's tricky but it will give you complete guided lessons into building responsive websites with a fully-functional front-end workflow, using Node.js, Gulp, Sass and more.

Course Instructors

Russ Weakley

Russ Weakley

Russ is a world-renowned author, speaker and CSS expert. Russ has a detailed knowledge of Design and development. His expertise covers graphic design, interface design, site architecture and standards based development.
Guilherme Muller

Guilherme Muller

Guilherme is a freelance full-stack developer with over 10 years of experience working with websites. With a passion for HTML and CSS, he specializes in the intricacies of building and structuring web pages and layouts.

Course Outline

Lesson 1: Responsive Tips and Tricks
  • Free
    Creating Fullscreen Responsive Background Videos
    6:43
  • Locked
    Web Elements with Responsive Background Videos
    5:17
  • Locked
    Making Responsive Images with the Picture Tag and Picturefill.js
    8:45
  • Locked
    Create Scalable Backgrounds with CSS
    5:36
  • Locked
    Responsive Elements with calc()
    6:42

Reviews
4.2

15 total

7
6
1
0
1

Course details

4.2∙15 Ratings10 reviews

Published
July 2017
Videos
5
Duration
33m
Happy students
1254

Take this course
SitePoint

Stuff we do

  • Premium
  • Newsletters
  • Learning paths
  • Library
  • Forums

Contact

  • Contact us
  • FAQ
  • Publish your book
  • Write an article
  • Advertise

About

  • Our Story
  • Corporate Memberships
  • Start free trial
  • Login

Connect

  • RSS
  • Facebook
  • Twitter (X)
  • Instagram

Subscribe to our newsletter

Get the freshest news and resources for developers, designers and digital creators in your inbox each week

© 2000 – 2025 SitePoint Pty. Ltd.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Terms of usePrivacy policy