Coding2GO
Coding2GO
  • Видео 15
  • Просмотров 330 932
These CSS PRO Tips & Tricks Will Blow Your Mind!
10 MINDBLOWING CSS Tips and Tricks that solve typical JavaScript problems with CSS ONLY. You will learn elegant solutions for everyday css problems and productive shorthands for responsive web design, How to implement modern design trends such as glassmorphism or new morphism smooth scroll snapping in swiper, how to use the :checked pseudo-class to create eventListener in CSS only. How to fix a common :focus pseudo-class problem to create a dropdown menu in css without the need of javascript. And much much more.
BEGINNERS START HERE:
👌 Learn HTML5 in one afternoon with our beginner course: www.udemy.com/course/coding2go-html5-crashcourse/?referralCode=F017D565D3D3BE47B8BC
Checkout our websi...
Просмотров: 940

Видео

Create a TODO LIST APP in html, css and javascript (beginner project)
Просмотров 1,3 тыс.2 месяца назад
🚀 Deploy the Todo App with Hostinger: www.hostinger.de/coding2go 👌 Coupon code: CODING2GO(10% discount on all web hosting plans with a duration of 12 months or more) In this JavaScript beginner project, we will build and deploy a todo application using HTML, CSS, and JavaScript (JS), and then upload it using the web hosting service Hostinger. You will learn important concepts such as CSS variab...
Create a RESPONSIVE NAVBAR with sidebar animation (CSS ONLY)
Просмотров 15 тыс.2 месяца назад
👉 Get the best web hosting to deploy your website: www.hostinger.com/coding2go ✌️ Use our discount code CODING2GO to get 10% off on all web hosting packages with a duration of 12 months or more BEGINNERS START HERE: 👌 Learn HTML5 in one afternoon with our beginner course: www.udemy.com/course/coding2go-html5-crashcourse/?referralCode=F017D565D3D3BE47B8BC In this video we are going to create a r...
How to create a GRADIENT BORDER in CSS Tutorial
Просмотров 3,1 тыс.3 месяца назад
👉 Get the best web hosting to deploy your websites: www.hostinger.com/coding2go ✌️ Use our discount code CODING2GO to get 10% off on all web hosting packages with a duration of 12 months or more In this HTML and CSS Tutorial you will learn how to apply a gradient to a border and how to create a glow gradient hover effect with the box-shadow property. This modern CSS button design can be impleme...
HTML5 Crash Course for beginners
Просмотров 12 тыс.8 месяцев назад
✨✨✨ Get the full course: www.udemy.com/course/coding2go-html5-crashcourse/?couponCode=CODING2G0 ✨✨✨ 👉 Get the best web hosting to deploy your websites: www.hostinger.com/coding2go ✌️ Use our discount code CODING2GO to get 10% off on all web hosting packages with a duration of 12 months or more Timestamps: 00:00 About the course 03:23 course outline 04:45 Lesson 1 - What is HTML? 08:00 Lesson 2 ...
How to create a popup in html (dialogs and modals)
Просмотров 2,9 тыс.11 месяцев назад
👉 Get the best web hosting to deploy your websites: www.hostinger.com/coding2go ✌️ Use our discount code CODING2GO to get 10% off on all web hosting packages with a duration of 12 months or more If you've ever struggled with creating popups and modals, this video is your ultimate solution! Discover the game-changing HTML dialog element that revolutionizes the creation of popups and modals! Say ...
How to learn JavaScript in 2024 (ROADMAP)
Просмотров 1,1 тыс.11 месяцев назад
👉 Get the best web hosting to deploy your websites: www.hostinger.com/coding2go ✌️ Use our discount code CODING2GO to get 10% off on all web hosting packages with a duration of 12 months or more In this JavaScript introduction video you are going to learn what is JavaScript and why you should learn it. In addition I am going to show you what specific steps you need to take in order to master th...
How to create a Responsive Navigation Bar (for beginners)
Просмотров 251 тыс.11 месяцев назад
👉 Get the best web hosting to deploy your websites: www.hostinger.com/coding2go ✌️ Use our discount code CODING2GO to get 10% off on all web hosting packages with a duration of 12 months or more 👌 Check out our HTML & SEO course on udemy: www.udemy.com/course/coding2go-html5-crashcourse/?referralCode=F017D565D3D3BE47B8BC Source code on our website 👉 www.coding2go.com In this video we are going ...
Create a glass effect in CSS (Glassmorphism)
Просмотров 1,5 тыс.11 месяцев назад
👉 Get the best web hosting to deploy your websites: www.hostinger.com/coding2go ✌️ Use our discount code CODING2GO to get 10% off on all web hosting packages with a duration of 12 months or more In this video you will learn how to create a glass design in CSS using the backdrop-filter property. #csshovereffect #glassmorphism #csstutorial
Yes there are Variables in CSS and they are AMAZING! | Custom Properties Tutorial
Просмотров 530Год назад
👉 Get the best web hosting to deploy your websites: www.hostinger.com/coding2go ✌️ Use our discount code CODING2GO to get 10% off on all web hosting packages with a duration of 12 months or more In this Video we are going to talk about CSS variables also known as Custom Properties. #css #webdevelopment #variables In CSS it is very common that you have to use the same value over and over again. ...
CSS Flexbox Tutorial for beginners
Просмотров 3,8 тыс.Год назад
👉 Get the best web hosting to deploy your websites: www.hostinger.com/coding2go ✌️ Use our discount code CODING2GO to get 10% off on all web hosting packages with a duration of 12 months or more #css #flexbox #webdevelopment In this video you are going to learn everything you need to know about CSS Flexbox. With Flexbox, you can easily control the alignment and size of your HTML elements, allow...
Learn CSS Basics in 10 Minutes (for beginners)
Просмотров 12 тыс.Год назад
👉 Get the best web hosting to deploy your websites: www.hostinger.com/coding2go ✌️ Use our discount code CODING2GO to get 10% off on all web hosting packages with a duration of 12 months or more #css #webdevelopment In this CSS introduction, you will learn the basics of CSS. We will teach you everything you need to know as a beginner, to start designing your own websites. We will answer the que...
How to create tables in HTML
Просмотров 2,2 тыс.Год назад
👉 Get the best web hosting to deploy your websites: www.hostinger.com/coding2go ✌️ Use our discount code CODING2GO to get 10% off on all web hosting packages with a duration of 12 months or more In this HTML beginner Tutorial you will learn how to create tables in HTML. I will explain the following HTML Tags: - table - thead (table head) - tbody (table body) - tr (table row) - td (table data) -...
Learn HTML in 15 Minutes
Просмотров 25 тыс.Год назад
👉 Get the best web hosting to deploy your websites: www.hostinger.com/coding2go ✌️ Use our discount code CODING2GO to get 10% off on all web hosting packages with a duration of 12 months or more Learn more about HTML5 with out new HTML5 Crashcourse on Udemy: www.udemy.com/course/coding2go-html5-crashcourse/?referralCode=F017D565D3D3BE47B8BC In this video you will learn everything you need to kn...

Комментарии

  • @sabwae
    @sabwae 19 часов назад

    thank you bro

  • @clouddev.
    @clouddev. 5 дней назад

    this helped me so much. tsm ❤

  • @Krteckos
    @Krteckos 5 дней назад

    When i add this navbar and try to add text under the picture. it will appeared on the main image and i can´t add more content on this page. Someone help please?

  • @ShauryaTushar
    @ShauryaTushar 5 дней назад

    You are underrated :(

  • @ashimov1970
    @ashimov1970 6 дней назад

    Kudos, like and subscription!

  • @hectormartindama7371
    @hectormartindama7371 6 дней назад

    top

  • @dimitryngayo9455
    @dimitryngayo9455 7 дней назад

    Thanks for the video really helpful,I have been searching for where someone is gonna explain responsive on nav bar🙏. Thanks once more

  • @yehonamgeker
    @yehonamgeker 7 дней назад

    Please, how do you make the home link on the navbar, join the other links to the right? Please help me

  • @droneit7961
    @droneit7961 8 дней назад

    cant leave without saying thankyou!

  • @everydayisfriday2404
    @everydayisfriday2404 8 дней назад

    I can't get the elements inside of the links-container class to align to the flex start When using media query , can anyone tell me what could be wrong with my code?

  • @jerryphamm
    @jerryphamm 9 дней назад

    Thank you, great explaination 1. background-color with opacity 2. background-filter

  • @herrenturnen
    @herrenturnen 11 дней назад

    Beautiful! This was exactly what I was looking for! Ty for the great tutorial.

  • @cwm161
    @cwm161 13 дней назад

    These are very helpful thanks for sharing ❤

  • @madhavanair3744
    @madhavanair3744 13 дней назад

    That glass effect was super awesome 🥶

  • @easywebsolution7044
    @easywebsolution7044 13 дней назад

    Thanks, very easy to understand. it save my time

  • @yashkhawale
    @yashkhawale 13 дней назад

    Really helpful video. Like your simple way of teaching. Could you please create a multi page website building video using html, CSS and js?

  • @kallymashigo6532
    @kallymashigo6532 14 дней назад

    🎉🎉😮 am speechless

  • @coding2go
    @coding2go 14 дней назад

    Hope you guys learned something new. Feel free to share your own css tricks in the comments for others to see 😎

  • @surinaokabe1896
    @surinaokabe1896 15 дней назад

    Hello, a really nice tutorial - but unfortunately it doesn't work 😭. Javascript doesn't open the sidebar. I also downloaded and tested your file, but it doesn't work either. The buttons are gone & Javascript doesn't work. Why do so many tutorials just not work? Is there an explanation🤔?

  • @randomlol472
    @randomlol472 16 дней назад

    Great video, thank you so much! <3

  • @bisaanimations
    @bisaanimations 16 дней назад

    I've watched a few tutorials on learning various responsive design projects, like navbars, websites, forms etc.....this is by far one of the best i have seen. I shall definitely be learning more from your videos in the future! Thanks for being so clear and easy to follow/understand.

  • @CityGalleryIND
    @CityGalleryIND 17 дней назад

    Thank you man ❤

  • @TechnowulfTV
    @TechnowulfTV 17 дней назад

    Hi Thank you for the excellent responsive navbar tutorial! You make it look so simple. However Im having problems why when I refresh the sidebar appears even when it was declared display:none in the .sidebar css?

    • @TechnowulfTV
      @TechnowulfTV 17 дней назад

      I found the easier way heres the code just embed in your body tag <body onload="hideSidebar()"> and it will hide sidebar every time page refresh or loads :) Thank you!

  • @Marceloamado1998
    @Marceloamado1998 18 дней назад

    Thank you very much this was exactly what I was looking for!

  • @saidabdelrhman1234
    @saidabdelrhman1234 20 дней назад

    Awesome 😊

  • @WebDevXpert
    @WebDevXpert 22 дня назад

    Animated Navigation Bar in HTML and CSS | Menu Hover Animation Effects: ruclips.net/video/WVICLYVUDes/видео.html

  • @jamar9205
    @jamar9205 23 дня назад

    *Promo SM*

  • @bobbetsagnut
    @bobbetsagnut 24 дня назад

    Using display: none in the media query did not work until I added display: none !important. Not sure why but now it works

  • @JojayDeCastro
    @JojayDeCastro 25 дней назад

    Very informative Thx

  • @mhathunggeorge8082
    @mhathunggeorge8082 25 дней назад

    Amazing tutorial..just the video I was searching for. Thank you so much.

  • @angelolobascio6608
    @angelolobascio6608 26 дней назад

    Fantastico...bravissimo 😉

  • @MunataMurakami
    @MunataMurakami 27 дней назад

    Ux bad

  • @fahadfahad5835
    @fahadfahad5835 27 дней назад

    Bro I can't control the open and closing transaction speed why?

  • @TirthJoshi-qy8mv
    @TirthJoshi-qy8mv 28 дней назад

    Very Useful!! Thanks

  • @25Manzambi25
    @25Manzambi25 29 дней назад

    Finally a great tutorial where you just go straight to the point.

  • @noshamezmez288
    @noshamezmez288 Месяц назад

    thanks for ur effort ,i always have a problem how to make navigation bar responsive but now it become easy for me =D

  • @user-fj9un8uc7z
    @user-fj9un8uc7z Месяц назад

    The best navbar tutorial

  • @FascinatingFantasy
    @FascinatingFantasy Месяц назад

    Watched so many videos about this and only this one worked.

  • @jmgutierrez962
    @jmgutierrez962 Месяц назад

    You can make a navbar with just css only apparently

  • @denisabramov3094
    @denisabramov3094 Месяц назад

    Hello from Russia and thanks :)

  • @jvav
    @jvav Месяц назад

    clean and ez

  • @beeleaveme
    @beeleaveme Месяц назад

    I marathoned your videos, excellent content, you have "few" subscribers now but I guarantee you that with the quality you put in your videos, more people will get to know you

  • @chase4972
    @chase4972 Месяц назад

    Thanks so much......

  • @richardmerks1344
    @richardmerks1344 Месяц назад

    Your explanation of this tutorial is fantastic, I edited my website while you where showing each step, pausing as needed to check my work and everything fell into place as it should. Strangest thing though, I use notepad to edit the code and Firefox to view the changes (as I always do) and had no issues, uploaded the files to my website host and check the live version on Firefox (my usual browser) and yes it is up to date, the links where all sitting over to the left with bullet points the "hamburger" and the "X" sitting on top and bottom of the links, very weird! lol. I check my site on MS Edge on my laptop, Firefox and Safari on my iphone and it all worked great, Even weirder! I'm sure there has to be a string of code that will allow FF to view my site as it's intended? I initially was looking for a floating anchor tag that took my page to the bottom where my links are but when I saw this, that idea went right out the window, this nav menu is far more professional, Thanks for all your hard work.

  • @rifathasan-pl7pn
    @rifathasan-pl7pn Месяц назад

    Great video

  • @blairdog2581
    @blairdog2581 Месяц назад

    Thanks! you saved me a bunch of time and It finally clicked for me how html/css utilizes javascript.

  • @alpgashi4810
    @alpgashi4810 Месяц назад

    THANK YOU A LOT

  • @omprabhakarkumar6550
    @omprabhakarkumar6550 Месяц назад

    is any reason to put sidebar above main menubar links?

  • @Eztefen
    @Eztefen Месяц назад

    for all have sinned and fall short of the glory of God (Romans 3:23). And the wages of sin is death (Romans 6:23), and the punishment of sin is eternal damnation. But Jesus, the Son of God dwelt among us in the flesh, live a perfect life, and died for our sins in the cross so that the fine and penalty of our sins will be paid, so that He may give us eternal life and save us. All we just need to do is to put our faith in Jesus and what He did for us not in our good works or ourselves and to just repent from our sins (turning from every sins) and will actively follow Jesus every day. He wants a relationship with you.

  • @srikant6041
    @srikant6041 Месяц назад

    ONE OF THE BEST TUTORIAL EVER WATCH