Minimal Fullscreen Navigation Using Greensock | JavaScript
HTML-код
- Опубликовано: 8 сен 2018
- // Fullscreen Responsive Navigation | HTML, CSS & JavaScript | Greensock //
Source Code : 123link.vip/0JQUEgp
Greensock : greensock.com/
Website is live now!
Check it out here : www.codegridweb.com/
--------------- Social Media ---------------
Personal Account : / harrnish
Facebook : / codegridweb
Instagram : / codegridweb
Twitter : / codegridweb
Thanks for watching !
Music : (free) 90s Old School Boom Bap type beat x hip hop instrumental | 'Styles' prod. by PROCEES & JCHL
Video : • (free) 90s Old School ...
MUSIC CREDIT - PROCEES
✘ YT ⇒ ruclips.net/channel/UCO5H...
✘ buy / lease ⇒ procees.beatstars.com/
✘ contact ⇒ cfvandiepen@gmail.com
✘ IG ⇒ / cfvandiepen
- JCHL
✘ YT ⇒ ruclips.net/channel/UCIcq...
✘ SC ⇒ / mr-jchl-beat
✘ contact ⇒ crow33beat@gmail.com
(free) Old School Boom Bap type beat x hip hop instrumental | 'Conclusion' prod. by AWESOME BEATZ
Video : • Video
MUSIC CREDIT - AWESOME BEATZ
✘ YT Channel ⇒ ruclips.net/channel/UC3-R...
✘ FB ⇒ / mistaawesome. .
✘ SC ⇒ / user-796530867
(free) Old School Boom Bap type beat x hip hop instrumental | 'Frequency' prod. by SOLXCE
Video : • (free) Old School Boom...
MUSIC CREDIT - SOLXCE
✘ YT ⇒ / musicgam. .
✘ buy / lease ⇒ solxcemusikofficial.wixsite.c...
✘ IG ⇒ Solxce.musik.official
✘ email ⇒ cobbinah.ben75@yahoo.com
✘ SC ⇒ / lonewolf-20
✘ TW ⇒ / skdgamingoff
✘ SNAPCHAT ⇒ Soladven22
✘ BC ⇒ solmusic6.bandcamp.com/
Beautiful as always, nice job man.
wow always your ui motion stunning
Excellent work bruhhh!!!
Amazing! Keep up the good work
Thanks a lot for the turorial!
That's amazing...
I would like to know more about innovative navigation bars...
Nice clean code and the music🔥
Thanks For This Tutorial!
Amazing!!
very cool thanks
amazing
So cool ! Can you make PHP please (if you can or want) ? when you finish a html file and want to convert to PHP
THE BEEEEEEEEEEEEEEEEST BRO
Master!
thank you
These are some of the books that can help you learn web designing -
1. Web Design with HTML, CSS, JavaScript and jQuery Set - amzn.to/2T3WViK
2. HTML 5 Black Book (Covers CSS3, JavaScript, XML, XHTML, AJAX, PHP, jQuery) 2ED. - amzn.to/2DtVBAo
3. JavaScript and JQuery: Interactive Front-End Web Development - amzn.to/2R78ofJ
4. Web Animation using JavaScript: Develop & Design (Develop and Design) - amzn.to/2AZ3vQF
5. Mastering SVG: Ace web animations, visualizations, and vector graphics with HTML, CSS, and JavaScript - amzn.to/2S1dj6p
Thank you sir
Thanks, your channel is help me in my job. Sorry by my english, i'm brazilian and my english is very bad. More one time, THANKS!!!!
Cool!!
Very Nice.! Cool
i think this is great
It's very cool!!!!!
Elegant
hi men i watched ur video it's awesome u always make something great
butt i wanted to know where can i learn it cause i hv learnt css but still i can't create site like your or suggest me what and where to learn it will help me
Can you make a dropdown menu in fullscreen overlay animation? ... I'm facing some problems in CSS.. I would really appreciate it.. Thanks!
what program do you use? pls tell me
your tuts are the best.
do you do requests?
how about sharing our ideas to you and bring it to reality?
or simple "how to" from us?
he is only doing copy paste
Hi! I do not understand that with this code not so: when making the link in menu, page scrolls but the menu stays open. And how to make sure that it is closed (without pressing on the x)?
what editor are you using? and what plugins do you have installed to quickly create divs with classes?
I am using atom with emmet.
When do you make a new video?
How to toogle work under document click can you explain more
Good
Beautiful tutorial, really cool.
I have an issue though, it's not working as should. the nav doesn't dropdown. the background of the nav overshadows the body so only the links animate. please how can I fix this?
don't worry, i figured it out. thank you
why you name all of yours image files 'hero' ??? 0_0
when i click on home navigation is close so then how cai i open home link after closing the navigation
Can you actually make a minimal fullscreen navigation with only html and css? Im kinda interested and inlove with your works, would recommend.
Check this out :
ruclips.net/video/BXArjoEmVa0/видео.html
Do you know how to create applications for smartphones? excellent your video, you're the best crack greetings 💪🤙
Hello, when do you make a video of how to make a functional landing page?
Without using a boostrap framework.
What do you mean by functional exactly! Sorry I couldn't get your question.
@@codegrid , bro maybe he mean responsive landing Page?
How to download the source code. ? The above download link is not working.
👍👏
Can i request you to make a tutorial of slide transition???
Yeah I'll try to look after it. Thank you for the suggestion!
Hi, i noticed that when the page refreshes, the navbar kinda shows a bit and then hides, is there a way I can stop that?
get rid of the delay
Please
Please make a video for making a transparent nav bar with logo please make it i request you
Would you please provide us with the images sizes or the links for images itself ( background.....etc) to download them
It is there in the source code folder.
Many thanks
good ui motion dude. can you help me? when i try to coding in atom i got problem which javascript cant run or the div "toggle-btn" cant place like your videos. but when i try with your sample and coding in atom that wasnt any problem. i try to figuring in my own coding which i see from your coding but there isnt any difference with your coding. same like yours. in browser i have "turn on" javascript so there is no problem with browser. my problem is why when my coding is almost same with yours but it run different like your videos. thanks for your attention.
There has to be any difference in your code! Try to find out.
@@codegrid thank you for your respon dude. Well, my mistake is i put div class name toggle-btn with ".toggle-btn" now my coding run well.
i'm getting an error:
Uncaught ReferenceError: TimelineMax is not defined.
PLEASE TELL ME HOW TO FIX THIS???
Hi, Look if the CDN of Tweenmax link is on top of your main js
which code editor are you using
atom
whats your code app? Sublime?
Atom with matetial ui theme, thanks me later
Can you use the sass tutorial on some?
I think most of us are more comfortable with plain css. Especially those who are kind of beginners. So it's better to create using css so it can be easily understood by everyone! Thank you.
I agree with you, friend, thank you very much for the answer
Guys, help pls. How to make .menu on all screen, if my site have more height, than menu?
set the position fixed of your menu div!! simple
Yea good video but 2 sec for open menu.. Transmition: 0.2s ease-in; asap :v
Very nice code but I try this on iPhone and doesn't work, what do you think it ?
It should work.
hi, i have it on your code and now it work for iOS
What's your editor??
Atom.
@@codegrid ❤❤❤❤
Why you trying to send a virus with your source code? Dodgy page
Lol
123link not allowed on youtube
i'll send a email to youtube support team and down your adsense
what kind of virus nonsense is that page link? sheesh
nice but i would never visit a site that takes 2 seconds to open and close a menu lol
Thank you so much lol. ❤
Yeah. I thought that too 😂 little faster transition would be better imo..
And?
When the layout comes into mobile size the options may look better with central alignment.
I couldn't catch you! Can you send me your website link so I can have an idea!
Coding is very fast. Please slow....
Hey u remember me big youtuber with 33k subs and i'm with 0 subs
No.
Don't you think the animation is too loooooooooooong?
Yeah
But it's beautiful tho! Great job bruhhhh
this video is also copied and you also get down soon
How to download the source code. ? The above download link is not working.