Watch as I show you how to recreate the annoyingly good nav menu from https://www.buildinamsterdam.com/cases. (It’s not really annoying, I’m just teasing…mostly)
Get Font Awesome Pro: https://fontawesome.com/referral?a=755e5ceb4c
Merch: https://cottonbureau.com/p/ESQABX/shirt/the-web-dev-duo#/15799271
Support the channel: https://ko-fi.com/hyperplexed (accepts PayPal, card, etc).
Tools used: HTML, CSS, JavaScript
CodePen: https://cdpn.io/gOzJgWm
Music Credits:
Rock, Water, Plant, Building – StreamBeats – Lofi – Harris Heller
source
4:01 there is a big difference between join us and JOIN US
Bro!!!!! You are the man!!!!
JOIN US
Please help, I did everything he said but the fa fa bars don't show
Edit: You have to link a font-awesome as a stylesheet to your html under the head tag
Can't get those lines in the nav to show
Youβre explanations are the freaking best Iβve ever encountered. Considering Iβm still learning this is a crazy good way to think about elements and tags. Crazy good!
Please also make a video for responsive screens of these designs
Your videos never cease to amaze me. Thank you for the amount of hard work and detail you put into presenting all this.
Could we talk for a sec about the "FILTER WORK" menu that sits in the middle of the page and nobody noticed/mentioned???
Awesome video! Super helpful and a great explination
Now I am making a website using this nav, it looks fun. But I am going to get creative with the images, and parallax.
2:42 gave me a stroke lmao
Love your vids, keep up the great work,
You're fucken amazing β€
You didn't use any javascript right?
After watching a Kevin Powell video on "100vh 100vw" I think that's something you can improve your CSS on. π
Man you're just a bloody genius. Consider me your subscriber forever. Am a data science guy but what you do is incredible. Wow.
i really wanna see your githib
disappointing as u aint tell how to make caraousel movable
too good
Isn't it easier if you've implemented this in TailwindCSS?
document.body.dataset.nav = !document.body.dataset.nav is cleaner I think π
Joe Goldberg…but website-obsessive
Hey, love all your videos and the way you interact with the viewers. I recently built an online store for my own local business and I'm sure youd be shocked if you had a look at the source code. Think you can spruce it up for me?
so happy that i came across your channel serious u inspire me alot to to start building whatever I see on the internet! and just expand my portfolio, hands down you are the best web content creator on the internet
Where does const go?
Is this responsive?
Is it already responsive or need to make?
omg i love this channel!!!
oh god, event listener in html π dude…
Is it ok to recreate something for my own website or is that stealing? How does that work?
Easiest sub of my life
amazing
Great tutorial! Itβs great to see some html + css + js done as intended β€
This is seriously one of the best UX / design / web channels Iβve ever seen. I know these videos are a huge amount of work, but please keep it up. You have a real gift man π
Bruh no joke, these breakdowns are helping a lot, i finnaly feel like i'm understanding/learning how to code and stuff.
Thanks a lot, this is lifechanger content.
This channel is ____ing awesome. ππ
would you be doing also a tutorial for the staggered grid? By the way I love your tutorials it's so easy to understand
Awesome stuff
where did you find these websites is there any website where i can get these types of websites
Great great content, but I was frustrated from the first to the last minute.
There's not breathing. You probably wouldn't make a site without white space, so why not give some air? (or "ma", as Hayao Miyazaki would say)
The things appear while you are talking: yeah it could be said while writing code, but then wait a second to show what was done. Explanation -> Code -> Result
There's no time to even evaluate what was done and understand
Tried watching it 0,5x but the voice becomes strange.
Even at 0,5x, the cuts are so quick that I have to either give up looking to the code, or listening to you, or looking to what was done.
When you look to the result, the next content already entered, so I have to tap left to return 5 seconds and then pause to see what really was done.
After all, I haven't learn anything because my mind didn't have time to learn anything. I bet you wouldn't choose a rock gig to study quantum physics hahaha
The content is really great, don't know how I discovered you (probably clicked thinking it was a fireship video), the format is not bad, but the didactic could improve a lot.
It's the same problem with fireship (I'm guessing you "inspired" in him), but most of fireships videos are just big summaries with lots of quick jokes.
I haven't done any of his courses, but I bet he doesn't speed ramp everything when the target is to teach.
Man I was translating all the css you wrote into tailwind in my head. I love tailwind lol. A lot of this is so much more simplified. Good stuff π€
I love you
This is absolutely brilliant the flow of your video and explanations are perfect π
Thank you, coach for giving us the techniques! Boss page!