Тёмный

How to build a responsive layout with HTML, CSS, & JavaScript | Part I: Accessible navigation menu 

CSS {de}Coder
Подписаться 511
Просмотров 2 тыс.
50% 1

Building responsive websites that look beautiful on every screen has never been easier! In this 3 part mini-series, I’ll show you how to build this Frontend Mentor landing page from scratch. In this video, I'll use CSS Grid to build a flexible and accessible navigation menu. So if you're ready, fire up your favorite editor, and let’s code!
Links & Resources
Github repo for Part 1: github.com/Alliemack77/fem-re...
Frontend Mentor starter project: www.frontendmentor.io/challen...
Andy Bell's CSS reset: piccalil.li/blog/a-more-moder...
Coder Coder: • How to build an access...
More on flexible layouts: • Build flexible layouts...
Timestamps
00:00 - Intro
00:17 - Project Setup
01:47 - The Markup
03:35 - Header Layout
05:25 - Header Mobile Styles
07:09 - Header Desktop Styles
08:43 - Button Accessibility
10:02 - Button Functionality
11:39 - Header & Navigation Menu Complete!

Наука

Опубликовано:

 

17 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 2   
@opamaah
@opamaah 26 дней назад
How do you only have 450 subs criminally underrated
@CSSdeCoder
@CSSdeCoder 26 дней назад
Thanks for watching @opamaah! Hope you found the video useful!
Далее
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 906 тыс.
The problems with viewport units
13:23
Просмотров 353 тыс.
Богатым буду 😂
00:26
Просмотров 585 тыс.
Learn Flexbox CSS in 8 minutes
8:16
Просмотров 1,4 млн
Avoid these 5 beginner CSS mistakes
21:38
Просмотров 67 тыс.
Create a clean, modern navigation with HTML & CSS
25:17
Responsive Dashboard Layouts with CSS Grid
24:54
Просмотров 51 тыс.
A practical guide to responsive web design
23:13
Просмотров 158 тыс.
CSS Tips And Tricks I Wish I Knew Before
12:12
Просмотров 433 тыс.