Good afternoon Brad, I'm from South Africa and I've been stuck with 2 hour tutorials that end up leaving my brain, but since watching this, you broke it down, peace by piece and fit all that into a 23 min video! Feels like I learnt it all within a day. And it's only that short time. Thank you so much
@JOSEFRESHSOL
6 жыл бұрын
Brad, you have been a great help for me. The way you explain everything, sinks in. Little things you address such as the reason for a "#" or a "." within CSS are the brain busters because it's hardly mentioned. Those little things along with your extensive knowledge and free videos are crucial to designers like myself learning to transform my PS and IL designs to full fledged websites. Thank you!
@mirzasisic
7 жыл бұрын
Tutorials on responsiveness done with vanilla css are such a nice refreshment!
@amazingworld4351
4 жыл бұрын
Yeah Brother you are right
@amazingworld4351
4 жыл бұрын
Listen Brother are you working on Web development please contact me on WhatsApp no I need your help
@danieladetayo3711
7 жыл бұрын
Brad for president
@TraversyMedia
7 жыл бұрын
lol, I would get eaten alive by the partisanship. I believe in listening to both sides and forming an intelligent opinion rather than sticking to a team even if it doesn't make sense. Politicians are morons
@danieladetayo3711
7 жыл бұрын
Traversy Media lol. That's so true about politicians
@tusharandriyas6647
7 жыл бұрын
politicians, media, and big corporate houses.....like d cogs of a well oiled ferris wheel.....taking commoners for a hell ride made to look like a joy ride.......nd d oil being corruption......but seriously.....love your videos Brad.
@dayo2114
6 жыл бұрын
Daniel Ad @
@dayo2114
6 жыл бұрын
Traversy Media q
@FordExplorer-rm6ew
5 жыл бұрын
I like how you preview each part of this. Html5/CSS/Little bit of vanilla JS, for certain components like nav bar etc. . These make the perfect tutorials for practicing fundamentals and actually knowing what's going on.
@mr.webdev3700
5 жыл бұрын
Brad explains everything so well, he is a naturally born teacher! It is true he has been teaching for many years and he had time to perfect his methods, but he is definitely one of the best on KZitem! 🔥🔥🔥🔥🔥🔥🔥🔥🔥
@Carl-yu6uw
5 жыл бұрын
Loved this little practical demo highlighting how effective just a little css knowledge can be, no frameworks needed. Much appreciated, thanks Brad.
@izackom5202
4 жыл бұрын
Brad teaches programming so well that i relate to him more than my teachers who we interact on a daily basis. Thanks a lot Brad
@sabertoothwallaby2937
3 жыл бұрын
html and css isn't programming tho???
@izackom5202
3 жыл бұрын
@@sabertoothwallaby2937 i know. I was mainly referring to his tutorials on vanilla js and php. Damn.....
@riaznapa
4 жыл бұрын
Since last April Ive been learning web designing in order to find a job in Germany. I dont have any knowledge in IT neither have I ever learned anything else than basic math. I am still struggling to understand the topic but your channel has become an ispiration for me to keep moving. May Allah reward you!
@hippigypsi
7 жыл бұрын
I cant even keep up with you anymore.. you are on a roll. I have a request for CSS Grid lessons if you find time to put a crash course together.. An in depth series would be even better! Thanks Brad!
@matt52636
7 жыл бұрын
Great tutorial im 13 and you have managed to explain it perfectly :D
@jabbikawsu6443
6 жыл бұрын
nice one love it
@dalemoayokunle7330
4 жыл бұрын
John Paguirigan 🤣🤣🤣🤣🤣
@matt52636
4 жыл бұрын
@John Paguirigan Hahahaha!
@emmanueleze3028
7 жыл бұрын
This is my first time of commenting on this channel since i joined and it will definitely not be my last. Been looking everywhere for a good tutorial on this subject until today. After following every step in this video, all i have to say is that you are the BEST tutor EVER. God bless you!
@TraversyMedia
7 жыл бұрын
Thanks man, that means a lot :)
@jenoyestewart1516
6 жыл бұрын
Hey, I'm a beginner, and I have been watching all your videos. I'm thankful for you man. You are a great teacher and I want to say thank you. keep up the good work, I appreciate it.
@jay3fox
5 жыл бұрын
this was a great tutorial, I am in the middle of doing an End of Module assignment for Uni and this is what I was looking for, thanks!
@lav5688
4 жыл бұрын
Hey Brad i am really very much thank full, i was literally finding these type of Navbar. Love from India.
@mza1409
7 жыл бұрын
A true brogrammer ♥
@TraversyMedia
7 жыл бұрын
hahaha :)
@sivnfrens
6 жыл бұрын
brogrammer :) good name, totally going to use it, thanks
@Mr.Existence
6 жыл бұрын
brogrammar* nazi
@benjaminmartin7702
2 жыл бұрын
@@TraversyMedia sorry just a question: why my xclose btn, doesn't close when I click on it?
@priyanzhu
2 жыл бұрын
@@benjaminmartin7702 you gotta debug
@lukeclarke4269
3 жыл бұрын
Hey Brad, your a legend. Thanks for the time you put into making these videos. It means a lot and you have given me inspiration to chase this as a career for me. Ive learnt so much from your videos
@mohammedmustafa9115
7 жыл бұрын
thank you from Egypt this is the easiest and smoothest Slide out menu tutorial i've watched
@anselminos5238
5 жыл бұрын
its because the tag is for links and is for writing paragraphs
@sugarcaneross
7 жыл бұрын
This was excellent, Brad! You should definitely do more livecoding-type videos like this, in addition to your great slideshow explanations.
@JP-mu5er
7 жыл бұрын
MAN YOUR A TRUE LEGEND. EASY TO UNDERSTAND EFFICIENT AND CLEAR VOICE!! WHAT A LEGEND MAN, HTML GET SOO MUCH COOLER WHEN YOU EXPLAIN IT! YOU WON A TRUSTFUL SUBSCRIBER!!!
@crocodilecrox3758
7 жыл бұрын
Every single topic you cover brad, is plain awesome content!
@patrickcole1119
7 жыл бұрын
Great video showcasing this technique with CSS! Something I've learned recently that has helped is to adjust the JavaScript code to only add or remove CSS classes from the sidebar and main elements. For example: ... × function openSidebar(){ document.getElementById('main').classList.add("state-open"); } function closeSidebar(){ document.getElementById('main').classList.remove('state-open'); } ----- Stylesheet ---- .side-nav { position: fixed; width: 0; ... } .side-nav.state-open { width: 225px; .... } Your stylesheet can then have all the appropriate style code to adjust the width and have transitions as long as the .state-open class is present on both elements. Removing the "style" from the JavaScript code makes it more responsive. In other words you could have a media query for different device sizes that use the same .state-open class and adjust width accordingly. Just a suggestion on another way to approach this. Keep up the excellent content!
@tonihamalainen9757
6 жыл бұрын
Doing my best to learn HTML and CSS. I have to admit that these videos help a lot!
@DivineJesusPrayers
7 жыл бұрын
@Brad, You are an awesome teacher period!!! Your intimate mastery of the concepts you teach and the manner you convey them is truly a breath of fresh air! I have learnt a lot from you ... all i can say is - " You are truly a blessing to mankind!!! " Thank You Sir!!!
@JohnBeau
7 жыл бұрын
The sidebar has always been something that stumped me, definitely going to be using them now.
@tangeric
5 жыл бұрын
Love your videos! Whenever I'm searching for something and I see your logo, I'm like "Yes! Jackpot!"... Lol
@miathegaymer
6 жыл бұрын
Instead of using SVG tag, you could use ☰ You could then use font-size to scale it and use color: #fff; to make it white. It runs much faster, and it's much more time-efficient. Hope this helps!
@PHInfo
7 жыл бұрын
Wow!. I'm very glad to find your channel. Your videos taught me a lot. Thanks.
@7skitchen884
2 жыл бұрын
I truly feel like iv'e learned more from watching this video than my first month attending Coding Dojo
@misterz5908
4 жыл бұрын
Thanks a lot man it means a lot to us! We all are looking forward to see more content like this!
@kenilpatel7841
7 жыл бұрын
Even though i do not watch all the videos but i eagerly wait for notifications about uploads from Traversy Media!! Honestly web development seems fun while learning from this channel! Thanx a lot Brad for all these videos...Hoping to see more and more videos from u!!
@Dr.Stein99
6 жыл бұрын
Hi. Thanks for writing informative tutorials. I like how you get right to business woth 15 minutes of personal updates and exvuses for not posting. Your narration is perfect too. Voice is easy to understand in English. Your tutorials helped me as existing programmer to learn the specifics to these functions fast, without the fluff. Thank you very much.
@benjaminwolke9280
7 жыл бұрын
As always a great tutorial, thanks for that! Just a hint, what might work better: The min-width (for the hidden slide) should be 1 pixel more than the max-width entry (for the hidden nav-bar), else you would show none of them, if the width is exactly 568px.
@davidjackson148
4 жыл бұрын
This is awesome, just dropped straight into my project. I was going to do one myself but this has saved me a ton of work. Just got to move it from the left side to the right side. Thanks loads buddy.
@bobans
7 жыл бұрын
Very nice and professional intro with the logo. Bought your Full Stack Web Developer from Udemy, and I have to say I have learned a lot. Keep up the good work.
@Diplomat82
7 жыл бұрын
I'm currently in a boot camp. Literally, I watch your videos while I'm in class EVERYDAY! Today were doing backend. Nodejs, building a form.
@TraversyMedia
7 жыл бұрын
Sounds cool. Thanks for watching. How are you liking the bootcamp?
@Diplomat82
7 жыл бұрын
Well, I didn't have much time to do pre-work, I was working a full-time job. So once I quit my job, I may have had 2 weeks of @freecodecamp and youtube tutorials. I knew it wasn't;t going to be enough. I guess I expected the instructor to go into detail about the basics. So the first 4 weeks have been a blur. Monday we started Backend, Node.js etc. Oh yeah, your Node tutorial saved me. We spent 2 weeks on Javascript maybe. I barely know anything. I plan on watching your Javascript for beginners. I've just come to realize this boot camp is like a stepping stone I guess. I won't come out of here with the expectations I had coming in.
@TraversyMedia
7 жыл бұрын
Well just try and pace yourself. I guess it's not called a bootcamp for nothing. Take from it what you can and keep learning. Glad I could help
@Diplomat82
7 жыл бұрын
Yup, that's my goal! I've already sent your link to like 10 people in my class in the last week. Keep the vids coming man.
@gabornagy6274
5 жыл бұрын
20:49 these moments makes me smile when you don't cut these happens out of your tutorials. Otherwise you are a magician. The God i chose i believe in.
@Z3r0M1st
6 жыл бұрын
Thank you @Traversy Media you make understanding HTML and CSS easy to understand keep putting out content like this with this quality.
@harpreetkaur8806
2 жыл бұрын
Thanks brad ..for teaching informative content. Thnks from the bottom of my heart
@JonnyBeoulve
6 жыл бұрын
Thanks for leaving in the issue at 10:40. It was good practice to pause the video and try to debug your code.
@tomino133
7 жыл бұрын
You Sir, are an absolute legend. Thanks for doing these ! :)
@delsocorromarcdavea.2871
4 жыл бұрын
This shows you that even one of the best programmers in the world is still going to forget a certain code. Face it we're all humans and we all forget something in our lives. Coding is not about memorizing the codes, it's understanding the function of every codes by just practice. "Practice makes perfect".
@PierreZaharakisPhotography
2 жыл бұрын
You are awesome . I just discovered you . good job . you are a good teacher
@hishamal-gorashi6164
6 жыл бұрын
For the bigger font size in the editor, Thanks a lot Mr. Brad
@RAZR_Channel
6 жыл бұрын
Your are doing things : Exactly Right... and I'm not talking about CODE. I've been in IT for about 20 years and there are SO Many people that don't know the Basics you are showing in your tutorials. I started learning Atom and ran across your Vids. With the way you think.... I would say your cut out for management and above (if your not already).
@automation_jeff
5 жыл бұрын
nice job Brad - low key, kept it simple, good explanations along every step of the way.
@bebesluckyhuman8327
6 жыл бұрын
Loved this, thank you! I am just beginning JS and the little bit of JS in this got me so excited.
@juicynewz
7 жыл бұрын
Bravo Brad, long waiting for a tutorial on these. thanks. your tutorials are amazing.
@WILDWILLXD
4 жыл бұрын
Thank you for another great video! I don't care if it's 3 years old, it's timeless!
@jokestream17
7 жыл бұрын
This channel has become one of my favorite tutorial channels in the past few months. Thank you very much for making these videos. By the way, if you don't mind me asking... do you know AWS?? I mean can you do a tutorial series on it?
@Welcometomyjourney20
6 жыл бұрын
Awesome. Small hint: instead of using svg, there's hamburger menu in html entity.. it's faster & saving some codes :)
@AdamE2000_
6 жыл бұрын
Im sorry about my comment earlier on, I love your channel. thank you for helping me so much. youve changed your life around
@noahjwhitmore
6 жыл бұрын
Just for kicks - An alternative to make the svg button show only on small screens without adding an extra media query... TLDR - Set the svg button (.open-slide) to display:none by default, then make it display:block in your one media query To make your svg button hidden by default, don't add a second media query. Outside of your media quesry, after your .navbar styles, just add .open-slide { display:none; } Then, in your @media(max-width:568px), add .open-slide { display:block; } The way that Brad did it works the same, I'm not saying it's wrong to add a second media query. Just up to your preference, I guess.
@sumantkanala
7 жыл бұрын
Great videos as always, dissecting with clear explanation.!
@DMurphyGonzalez
Жыл бұрын
Awesome instruction. I really need to brush up on my html. This looks great!
@ashirafzal6771
6 жыл бұрын
One of the best tutorials I have found thanks man ❤
@ivanklaric4004
7 жыл бұрын
Thanks mate, make more videos like this one :D Full CSS guide would be great.
@lefortexl4879
7 жыл бұрын
Ivan Klaric mdn
@birsingh5388
6 жыл бұрын
One word I can say for Brad. He is greatest. Thank you very much.
@FutureAIDev2015
5 жыл бұрын
Nice and easy to follow along! I like how you explained every step too.
@Augustheatsucks
4 жыл бұрын
navbahhhh. I love you easy coasters, lots of friends out there. thank you for more content that is always helpful
@bg73
7 жыл бұрын
You should make a video on how to set up Atom with all the best plug-ins etc. and then you can just refer to it at the beginning of your videos
@TraversyMedia
7 жыл бұрын
Already on it :) expect it in the next couple weeks
@damilareemmanuel
7 жыл бұрын
I will be expecting that. Really
@Grewal0007
7 жыл бұрын
Also tell us the "Shortcut keywords" of atom in windows
@larrymccall5838
6 жыл бұрын
Great presentation. Clear concise and to the point.
@osempo
6 жыл бұрын
Very cool tutorials you have, i'm a subscriber right now!
@VinhLe-gc8ws
6 жыл бұрын
I'm a no frills no framewrok kinda guy, and just learning! More vanilla tutorials please!
@subhajitbhattacherjee2655
4 жыл бұрын
Thank you so much been looking for this all over
@iTomAnks
7 жыл бұрын
Your videos are amazing, thanks for taking the time to make them
@sibghatullah6840
7 жыл бұрын
Thanks your all tutorials are awesome and they help a lot
@omarnazih8529
7 жыл бұрын
i'm in love with your videos
@joel9909
5 жыл бұрын
so if the video says Brad, You first like, then comment then watch then come back and say thank you again. Thanks for the image slider video Brad it was amazing
@IsaacAsante17
7 жыл бұрын
Amazing video as always. Do you get all these tutorial ideas yourself?
@viralpatel1522
7 жыл бұрын
Was just making this thing. Thank you for the upload. Will be a great help now. Also that intro audio is amazing. Sir can you up the quality. I cannot make it more than 360
@viralpatel1522
7 жыл бұрын
working good now. :D
@TraversyMedia
7 жыл бұрын
Yeah KZitem was still processing. Takes about 5 mins after upload usually
@Joaconstrictor
4 жыл бұрын
So glad I found your channel. Thanks for another great video.
@georgeoliver652
7 жыл бұрын
Great Video, thanks for recommending Emmet, will be very useful in my next IT assignment.
@LinardsBerzins
7 жыл бұрын
heyyyy, the putting the voice to the face :) cool to meet you mate
@shraeychikker694
7 жыл бұрын
Really good content! Please make a video/series on how to make a full blown web app/site using php(laravel) or node. Keep the amazing videos coming, man ;D
@georgeliss4015
7 жыл бұрын
another AWESOME video!! Thank you! I didn't know that there are BRO-looking devs out there!! ;)
@TraversyMedia
7 жыл бұрын
haha, your welcome
@uiuxdevelepor4191
7 жыл бұрын
Since i came across your channel, i feel relieve. Thanks for this awesome lessons. Please how can i be good like you?
@blackbones77
7 жыл бұрын
Nice tutorial thanks Brad. I think "Ctrl+D" should also duplicate a line in Atom, like a good bit of code editors. Saves time on copy/cut & paste actions.
@IlemonaJamesAtuluku
7 жыл бұрын
Once is from Brad is a must watch
@odunladeoluwaseun7880
7 жыл бұрын
please can you do something on creating simple 3 page php template?
@maca.valverde
2 жыл бұрын
Excellent video, it help me a lot, thanks♥
@Jakhongir84
7 жыл бұрын
Great content Brad. I love your channel man. Thanks for what you do. Learning a lot from u. Since u r making small project now, i would be great to see A Contact Form Section with js validation. Thank you!
@_Apex
7 жыл бұрын
hey brad absolutely love all of your videos they truly helped me a lot. I was wondering if you could save the file after every line so we could see a live update of what each new addition does
@oscar51290
6 жыл бұрын
Trying to implement this particular solution for a real project. Encountered this issue: This side menu in conjunction with sticky header, and on a page longer (height wise) than a screen, leads to the page scrolling all the way to the top after clicking on "open slide" button. Edit: Got it. Just do not use tags for "open-slide" and "close-slide" buttons. Or at least delete href="#" attribute.
@BW-sl6tb
6 жыл бұрын
Great tutorial Brad, thank you!
@motswedimankwe
4 жыл бұрын
thank you so much for this easy to follow tutorial. i am really learning a lot from your videos
@nagahumanbeingzooofparticl8836
6 жыл бұрын
Hey Brad love your Videos as always..👍👍
@JamesQQuick
7 жыл бұрын
Love it. Thanks as always!
@davidjackson4642
5 жыл бұрын
A couple of questions. 1) Is it possible to have the sidebar menu always visible if the screen is wide enough to show it? 2) Can the x close button be removed from the sidebar menu and selecting a sidebar menu item closes the sidebar on mobile screens? 3) Is it possible that a click / press on the main panel closes the sidebar menu on the mobile screen?
@NerdyKatsChannel
7 жыл бұрын
Ah-mazing! Thank you as always
@daniekpo
6 жыл бұрын
Great job Brad!
@eddieantar6958
7 жыл бұрын
I like the new Traversy Media logo
@lakmalsampath3753
6 жыл бұрын
The best programmer i ever seen.
@pianoLee-sx9dx
5 жыл бұрын
I am just wondering why are the list styles under the ul section and not li? I tried to add a drop down menu here but for some reason, it then stops behaving as it should....
@eric7758
6 жыл бұрын
The Real mvp is Brad. Respect bruh
@garethlansdale6930
2 жыл бұрын
Brad, are You an Angel ?. I Believe So. Thanks .
@saminengkong6204
6 жыл бұрын
Brad save my thesis, thank you so much man
@reynandelizo1480
5 жыл бұрын
Amazing tutorial. Good design and good code. Thank you! I will watch your other video. Do you have a book or website teaching web design and web developing to beginner level?
@2005Azm
6 жыл бұрын
This is one of your best tutorial !
@catherinehannan5948
6 жыл бұрын
hey thanks Brad. You are great especially as you explain a you go along!
@MrRight1000
7 жыл бұрын
SVG: When I changed stoke-width to 10 - it didn't take an effect.
@jeremywoods1370
7 жыл бұрын
Great video. I love this functionality on sites. I wanted to request a video about commenting code. Or a brief discussion of code commenting in other videos more often, to help us get an idea of how much to comment. I am trying to comment more often but I am often unsure what is enough.
Пікірлер: 419