HDTutorial
NL
Navbar CSS Tutorial: 3 Manieren om een Navigatiemenu te maken met Flexbox

Afspelen laadt de ingesloten YouTube-speler (privacyvriendelijke modus).

Navbar CSS Tutorial: 3 Manieren om een Navigatiemenu te maken met Flexbox

2.941.182 weergaven 26 oktober 2019 15:08

Bekijken op YouTube
KanaalSkillthrive

In het kort

Maak drie verschillende navigatiebalken met Flexbox en basis-HTML—ideaal voor webontwikkelaars die Flexbox-eigenschappen zoals align-items, justify-content en order willen toepassen om schone, functionele ontwerpen te creëren. De tutorial richt zich op praktische toepassing in plaats van diepe theorie.

Beschrijving van de maker

In deze gratis ontwerp- en webontwikkelingscursus leer je drie verschillende navigatiemenus maken met Flexbox en basis HTML. Je ziet hoe Flexbox-eigenschappen zoals *align-items*, *justify-content* en *order* je helpen om snel nieuwe webdesigns te maken.

Deze cursus is bedoeld als een projectgerichte les en gaat niet diep in op HTML, CSS of JavaScript. Wil je meer leren over deze onderwerpen? Kijk dan naar de links onderaan de beschrijving.

📂 CURSUSMATERIAAL 📂

⏰ TIMESTAMPS ⏰

Navbar 1: 0:22

Navbar 2: 10:18

Navbar 3: 11:58

✅ NUTTIGE LINKS ✅

🌟 TOP AANBEVOLEN CURSUSSEN 🌟

CSS

(Betaald) *Build Responsive Real World Websites with HTML5 and CSS3*

(Gratis) *CSS Crash Course For Absolute Beginners*

CSS GRID

(Gratis) *Flexbox CSS In 20 Minutes*

(Gratis) *A Complete Guide to CSS Flexbox*

CSS FLEXBOX

(Gratis) *CSS Grid Tutorial*

(Gratis) *A Complete Guide to CSS Grid*

JAVASCRIPT

(Betaald) *The Complete JavaScript Course 2019: Build Real Projects!*

(Gratis) *Learn JavaScript - Full Course for Beginners*

Over deze tutorial

Skillthrive publiceerde deze videotutorial van 15:08 op 26 oktober 2019. Hij is 2.941.182 keer bekeken op YouTube.

Categorie
Onderwijs
Duur
15:08
Gepubliceerd
26 oktober 2019
Weergaven
2.941.182
Likes
62.291

Delen

Verder lezen

  • Frontend | Bootstrap: kennismaking met een CSS library blanken5.home.xs4all.nl

    Om een navigatiebalk de primaire achtergrondkleur te geven krijgt deze de class .bg-primary mee. De tekst is dan niet leesbaar meer, maar door de class .navbar-light om te zetten naar .navbar-dark wordt de tekst licht e…

  • De basisbegrippen van CSS - Webontwikkeling leren | MDN developer.mozilla.org

    CSS (Cascading Style Sheets of Waterval Stijlbestanden) is de code die u gebruikt om uw webpagina van stijlen te voorzien. In De Basisbegrippen van CSS nemen we alles door wat u nodig hebt om te beginnen. We beantwoorde…

  • Hoe maak je een navigatiebalk in Dreamweaver CS5 - kminomya.com kminomya.com

    Hoe maak je een navigatiebalk in Dreamweaver CS5 Navigatiebalken zijn in feite menu's. Meestal beslaan ze horizontaal boven aan een webpagina of de linkerkant van de pagina verticaal. Dreamweaver, een toonaangevende pro…

Deze tutorial in andere talen