Responsive Web Essentials: Design & Navigation

Responsive Web Essentials: Design & Navigation

This course is part of Improve your CSS Specialization

Instructor: Gary Simon

Included with 糖心vlog官网观看 Plus

Learn more

2 modules

Gain insight into a topic and learn the fundamentals.

Intermediate level

Recommended experience

2 hours to complete

Flexible schedule

Learn at your own pace

2 modules

Gain insight into a topic and learn the fundamentals.

Intermediate level

Recommended experience

2 hours to complete

Flexible schedule

Learn at your own pace

What you'll learn

Implement adaptive navigation that transitions smoothly across device sizes.
Create structured HTML layouts that support responsive design.
Apply mobile-first CSS techniques to optimize design for smaller screens.

Details to know

Shareable certificate

Add to your LinkedIn profile

See how employees at top companies are mastering in-demand skills

Learn more about 糖心vlog官网观看 for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the Improve your CSS Specialization

When you enroll in this course, you'll also be enrolled in this Specialization.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

There are 2 modules in this course

While we can all clearly recognize what a great user interface looks like, it's actually really hard to build one!

That's exactly what this course is all about. In it, Gary Simon will turn you into a UI design master. He'll teach you UI design from the ground up, and give you the skills you need to make sure that your next project both looks good and feels good to use.鈥� You鈥檒l start by defining a solid HTML structure, then explore mobile-first CSS techniques that lay a foundation for a flexible, accessible layout. Learn how to make your designs responsive with breakpoints, fluid grids, and adaptable components that work seamlessly across devices. You鈥檒l apply skills through real-world challenges, working through each stage of responsive design with practical, engaging exercises. By the end, you鈥檒l have the skills to develop responsive web pages and user-friendly interfaces.

This module explores the principles and techniques of responsive design, equipping learners with the skills to create websites and applications that adapt and display effectively across various devices and screen sizes.

What's included

1 assignment10 plugins

1 assignmentTotal 30 minutes

Responsive Design Basics Quiz30 minutes

10 pluginsTotal 54 minutes

Introduction1 minute
Welcome to interactive lessons!1 minute
Defining the HTML7 minutes
Mobile First CSS (Part 1)7 minutes
Mobile First CSS (Part 2)6 minutes
Mobile First CSS (Part 3)6 minutes
Responsive Design (Part 1)5 minutes
Responsive Design Challenge 17 minutes
Finishing Up8 minutes
Final Chapter Challenge6 minutes

Equip yourself yourself with the necessary skills to create adaptive and user-friendly navigation systems that seamlessly adapt to different screen sizes and devices.

What's included

1 assignment8 plugins

1 assignmentTotal 30 minutes

Responsive Navigation Systems Quiz30 minutes

8 pluginsTotal 36 minutes

Introduction to responsive navigations2 minutes
Writing the HTML (real)4 minutes
Mobile CSS (Part 1)6 minutes
Mobile CSS (Part 2)4 minutes
Responsive CSS (Challenge 1)6 minutes
Making the Mobile Menu Work4 minutes
Animating the Mobile Menu2 minutes
Sub Menu Design Challenge8 minutes

Instructor

Gary Simon

Scrimba

6 Courses3,714 learners

Offered by

Scrimba

Explore more from Mobile and Web Development

Board Infinity
Mastering Responsive UI Design for Modern Web Development
Course
Scrimba
Learn Responsive Web Design
Course
University of London
Responsive Web Design
Course
Scrimba
Build a Responsive Website with HTML and CSS
Course

Why people choose 糖心vlog官网观看 for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, 糖心vlog官网观看 is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. 糖心vlog官网观看 allows me to learn without limits."

New to Mobile and Web Development? Start here.

Open new doors with 糖心vlog官网观看 Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose 糖心vlog官网观看 for Business

Upskill your employees to excel in the digital economy

Learn more

Frequently asked questions

Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:

The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.

If you subscribed, you get a 7-day free trial during which you can cancel at no penalty. After that, we don鈥檛 give refunds, but you can cancel your subscription at any time. .

糖心vlog官网观看