Navbar CSS Tutorial: 3 Ways to Create a Navigation Bar with Flexbox
This free design and web development course will use Flexbox and basic HTML to create 3 different navbar designs. You'll see some examples of how Flexbox properties like 'align-items', 'justify-content', and 'order' can be used to quickly spin up new web designs.
This series is intended as a project-based course and will not go in-depth into HTML, CSS, or Javascript. If you want to learn more about those check out the links at the bottom of the description.
📂 COURSE FILES 📂
🔗 https://gum.co/QsaXx
⏰ TIMESTAMPS ⏰
Navbar 1: 0:22
Navbar 2: 10:18
Navbar 3: 11:58
✅ USEFUL LINKS ✅
🔗 A Complete Guide to Flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
🔗 Google Fonts: https://fonts.google.com/
🌟 TOP RECOMMENDED COURSES 🌟
CSS
(Paid) Build Responsive Real World Websites with HTML5 and CSS3
https://www.udemy.com/design-and-develop-a-killer-website-with-html5-and-css3/
(Free) CSS Crash Course For Absolute Beginners
https://www.youtube.com/watch?v=yfoY53QXEnI
CSS GRID
(Free) Flexbox CSS In 20 Minutes
https://www.youtube.com/watch?v=JJSoEo8JSnc
(Free) A Complete Guide to CSS Flexbox
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
CSS FLEXBOX
(Free) CSS Grid Tutorial
https://www.youtube.com/watch?v=x7tLPhnA06w&list=PL4cUxeGkcC9itC4TxYMzFCfveyutyPOCY
(Free) A Complete Guide to CSS Grid
https://css-tricks.com/snippets/css/complete-guide-grid/
JAVASCRIPT
(Paid) The Complete JavaScript Course 2019: Build Real Projects!
https://www.udemy.com/the-complete-javascript-course/
(Free) Learn JavaScript - Full Course for Beginners
https://www.youtube.com/watch?v=PkZNo7MFNFg
🔔 SUBSCRIBE 🔔
https://www.youtube.com/channel/UCvHKiUI75ytqUcN851fRR2w?sub_confirmation=1
👋 FOLLOW US 👋
INSTAGRAM: https://instagram.com/skillthrive/
FACEBOOK: https://facebook.com/skillthrive/
Видео Navbar CSS Tutorial: 3 Ways to Create a Navigation Bar with Flexbox канала Skillthrive
This series is intended as a project-based course and will not go in-depth into HTML, CSS, or Javascript. If you want to learn more about those check out the links at the bottom of the description.
📂 COURSE FILES 📂
🔗 https://gum.co/QsaXx
⏰ TIMESTAMPS ⏰
Navbar 1: 0:22
Navbar 2: 10:18
Navbar 3: 11:58
✅ USEFUL LINKS ✅
🔗 A Complete Guide to Flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
🔗 Google Fonts: https://fonts.google.com/
🌟 TOP RECOMMENDED COURSES 🌟
CSS
(Paid) Build Responsive Real World Websites with HTML5 and CSS3
https://www.udemy.com/design-and-develop-a-killer-website-with-html5-and-css3/
(Free) CSS Crash Course For Absolute Beginners
https://www.youtube.com/watch?v=yfoY53QXEnI
CSS GRID
(Free) Flexbox CSS In 20 Minutes
https://www.youtube.com/watch?v=JJSoEo8JSnc
(Free) A Complete Guide to CSS Flexbox
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
CSS FLEXBOX
(Free) CSS Grid Tutorial
https://www.youtube.com/watch?v=x7tLPhnA06w&list=PL4cUxeGkcC9itC4TxYMzFCfveyutyPOCY
(Free) A Complete Guide to CSS Grid
https://css-tricks.com/snippets/css/complete-guide-grid/
JAVASCRIPT
(Paid) The Complete JavaScript Course 2019: Build Real Projects!
https://www.udemy.com/the-complete-javascript-course/
(Free) Learn JavaScript - Full Course for Beginners
https://www.youtube.com/watch?v=PkZNo7MFNFg
🔔 SUBSCRIBE 🔔
https://www.youtube.com/channel/UCvHKiUI75ytqUcN851fRR2w?sub_confirmation=1
👋 FOLLOW US 👋
INSTAGRAM: https://instagram.com/skillthrive/
FACEBOOK: https://facebook.com/skillthrive/
Видео Navbar CSS Tutorial: 3 Ways to Create a Navigation Bar with Flexbox канала Skillthrive
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Learn CSS Position In 9 Minutes10 modern layouts in 1 line of CSSResponsive Nav Bar Tutorial | HTML CSS JS Flexbox Navigation MenuYour Mobile Navigations STINK! Better UX AWAITS!I've been challenged to a CSS Battle rematch | Can I beat him again???How to Create Responsive Navigation Bar using HTML and CSSLearn Flexbox In 20 Minutes | Learn HTML & CSS | Flexbox TutorialCreating a Basic Navigation using HTML CSS - HindiFlexbox design patterns you can use in your projectsSticky Navigation Bar On Scroll Using Vanilla Javascript | Fixed Navbar on ScrollI Challenged The CSS King To A CSS BattleCSS Grid vs FlexboxAnimated Responsive Navbar with CSS - Plus Other Useful TricksLearn Flexbox in 15 MinutesResponsive Navigation Bar Tutorial | HTML CSS JAVASCRIPTAnimated Navigation Menu Bar using HTML CSS | Menu Hover AnimationHow To Make Drop Down Menu Using HTML And CSS | HTML Website TutorialsBuild Glass Website with HTML and CSS TutorialFlexbox CSS In 20 Minutes