YoVDO

Create a Responsive Navigation Nav With No JS

Offered By: Kevin Powell via YouTube

Tags

HTML & CSS Courses Computer Science Courses Web Development Courses Web Design Courses Flexbox Courses Responsive Web Design Courses CSS Grid Courses

Course Description

Overview

Learn how to create a responsive navigation menu without using JavaScript in this comprehensive tutorial video. Explore modern CSS techniques to build a fixed-top navigation with a semi-transparent background and dropdown functionality. Follow along as the instructor guides you through markup creation, CSS styling, mobile toggle implementation, animation addition, large screen styling, and pseudo-element incorporation. Gain insights into using flexbox and CSS grid for layout, optimizing pseudo-element transitions for better performance, and addressing accessibility concerns. Perfect for web developers looking to enhance their CSS skills and create user-friendly, responsive navigation menus.

Syllabus

- introduction
- starting the markup
- starting the CSS
- creating the mobile toggle
- adding in the animation
- styling it for large screens
- adding the pseudo elements


Taught by

Kevin Powell

Related Courses

Responsive Web Design Fundamentals
Google via Udacity
Introduction to Bootstrap - A Tutorial
Microsoft via edX
Responsive Images
Udacity
Responsive Website Basics: Code with HTML, CSS, and JavaScript
University of London International Programmes via Coursera
Responsive Web Design
University of London International Programmes via Coursera