Responsive Design Courses and Certifications

Responsive Layout

377 ratings at LinkedIn Learning

Learn how to design responsive layouts with HTML and CSS, including the latest standards: Flexbox and Grid.

• LinkedIn Learning
• 2 hours 33 minutes
• On-Demand
• Free Trial Available

Design for e-Commerce in a Mobile-first World

20 ratings at Pluralsight

Learn best practices for designing responsive e-commerce sites, including efficient tools, shopper behavior insights, and creating cross-device mock-ups and style guides for optimal online shopping experiences.

• Pluralsight
• 2 hours 40 minutes
• On-Demand
• Free Trial Available

Applying Responsive Retrofitting Techniques to a Fixed-width Site in CSS

18 ratings at Pluralsight

Explore responsive retrofitting strategies and techniques to control the appearance and behavior of fixed-width sites across multiple screen sizes and devices without a complete code rewrite. Software required: CSS, HTML, Sublime Text, Chrome, Photoshop…

• Pluralsight
• 1 hour 5 minutes
• On-Demand
• Free Trial Available

Responsive Style Guide and Pattern Library Creation in Axure

14 ratings at Pluralsight

Responsive design will give your users the best experience. This course will teach you how to use Axure's widget library to create different kinds of responsive components, like buttons or logos, for all kinds of devices. Software required: Axure 7.

• Pluralsight
• 2 hours 25 minutes
• On-Demand
• Free Trial Available

Web Conferences Amsterdam

Laziness in the Time of Responsive Design - Simplifying Complex Web Interfaces

Explore responsive design techniques, from fluid grids to animation principles, and learn how to create flexible, immersive interfaces with simpler approaches and less code.

• YouTube
• 50 minutes
• On-Demand
• Free Video

Web Conferences Amsterdam

The Mobile Viewports - Understanding Layout, Visual, and Ideal Viewports

Explore mobile viewports, responsive design, and pixel complexities in web development. Gain insights into layout, visual, and ideal viewports, meta viewport settings, and browser quirks.

• YouTube
• 52 minutes
• On-Demand
• Free Video

Web Conferences Amsterdam

Responsive Design Workflow - Multiplatform Web Approach

Explore a content-based approach to responsive design workflow, focusing on multiplatform realities and practical browser-based design techniques for effective client management and development.

• YouTube
• 48 minutes
• On-Demand
• Free Video

The Right Way to Create HTML Emails - Tutorial

Learn the correct techniques for creating responsive HTML emails, including project setup, column creation, font importing, CSS styling, and publishing to a server.

• YouTube
• 24 minutes
• On-Demand
• Free Video

Envato Tuts+

Responsive Web Design - A Visual Guide to Media Queries

Explore media queries for creating adaptable websites across devices, enhancing user experience through flexible layouts and designs.

• YouTube
• 26 minutes
• On-Demand
• Free Video

Code with Ania Kubów

Build a Responsive Online Portfolio from Scratch

Learn to create a responsive online portfolio using HTML, CSS, and basic JavaScript. Covers layout, navigation, sections, media queries, and deployment to a custom domain.

• YouTube
• 1 hour 28 minutes
• On-Demand
• Free Video

Kevin Powell

Build a Responsive, Animated Accordion That Looks Pretty Good

Learn to create a visually appealing, responsive accordion with smooth animations. Explore HTML structure, CSS styling, JavaScript interactions, and accessibility considerations for an enhanced user experience.

• YouTube
• 1 hour 18 minutes
• On-Demand
• Free Video

EGATOR

HTML, SASS, CSS & JavaScript Responsive Website Tutorial for Beginners - Complete Hospital Website

Learn to build a responsive hospital website using HTML, SASS/CSS, and JavaScript. Covers layout, styling, animations, form submission, and deployment. Ideal for beginners seeking practical web development skills.

• YouTube
• 3 hours 8 minutes
• On-Demand
• Free Video

EGATOR

Responsive SmartHome Website Using HTML, CSS and JavaScript

Learn to create a responsive SmartHome website with HTML, CSS, and JavaScript. Master media queries, toggle navigation, implement FAQs, design a contact form, and integrate FormSpree for submissions.

• YouTube
• 45 minutes
• On-Demand
• Free Video

EGATOR

How to Create a Responsive Multiple Pages Website Using HTML, CSS & JavaScript - Step by Step Tutorial

Step-by-step guide to creating a responsive multi-page website using HTML, CSS, and JavaScript. Learn modern web design techniques, including CSS Flexbox, Grid, and interactive elements.

• YouTube
• 2 hours 6 minutes
• On-Demand
• Free Video

DesignCourse

Most UI/UX'ers are Bad at Responsive Design - Let's Fix That

Learn to create responsive designs in Figma, transforming desktop layouts for tablet and mobile. Master navigation, hero sections, and more with practical examples and a hands-on challenge.

• YouTube
• 28 minutes
• On-Demand
• Free Video