Build a Responsive Search Bar in 30 Minutes | HTML & CSS

Поделиться
HTML-код
  • Опубликовано: 2 июл 2024
  • 🦒❤️

Комментарии • 139

  • @justnumber5197
    @justnumber5197 3 года назад +54

    when the world wanted him most he vanished..
    BUT HE CAME BACK!!!

  • @user-vg3iz4yp4s
    @user-vg3iz4yp4s 3 года назад +35

    this dude taught me like three different languages at this point

  • @wilfredjohnson2008
    @wilfredjohnson2008 3 года назад +13

    Broooo you’re back! I owe all my coding knowledge to you.

  • @ShokhrukhUrinov
    @ShokhrukhUrinov 3 года назад +19

    I am so happy 😊!
    I've learned English from him! I translated his HTML course into my language about a week. And then I started learning. So I could able to speak like Him! I've also learned HTML, CSS, JavaScript and python! Thanks him a lot 😊

  • @kashafhossain2040
    @kashafhossain2040 3 года назад +2

    Our sensei and legend for programming returns!!!!! 😃😃😃😃😃

  • @yanksbroncs413
    @yanksbroncs413 3 года назад +5

    Lets go, mikey D back in it. Your tutorials are the best, short and concise

  • @cristianfarcas3272
    @cristianfarcas3272 3 года назад +1

    I can feel some Thailand vibes only by looking at your background.haha
    glad to see you back , Mike!

  • @nl5410
    @nl5410 3 года назад +29

    So glad you’re back!! 💜💜

  • @user-se6ct5zu2f
    @user-se6ct5zu2f 3 года назад +1

    I'm so freaking happy you're back duuuuudee!!!!

  • @MalkiaMmoja
    @MalkiaMmoja Год назад +3

    Complicated things become simple with Mike. Thank you so much for another great tutorial!

  • @CarpenterBrother
    @CarpenterBrother 2 года назад +1

    He's such a chill and cool dude, also a great teacher. I wish I was like him.

  • @sergiogonzalez1510
    @sergiogonzalez1510 2 года назад +1

    Hi Mike! I''ve been a school teacher and you are by far the best in this industry--it comes natural to you. Most of the people out there lose me, but not you--you make things easy to follow. I'm hoping that you make a follow-up tutorial on how to make this search bar function with Javascript. I'm trying to make a search bar work sort of as an index for a book, but instead for my personal website that has many links and anchors to pages of notes and mini articles. That way, the search bar could send the reader to the relevant info they are searching for quickly.

  • @gideonhorn5560
    @gideonhorn5560 5 месяцев назад

    DUDE! Thank you so much! You explain things a million times better than my tutors at school!

  • @amjadhossain9500
    @amjadhossain9500 3 года назад +1

    Thank you mike...it's pleasure to me...here you are...actually my programming learning journey starts with your awesome tutorials...

  • @couupakb9669
    @couupakb9669 Год назад

    This guy is the best teacher on the web! learnt alot from Mike, Thank you so much if you ever see this.

  • @armanhajmohammadi
    @armanhajmohammadi Год назад

    I have learned C#, Cpp, HTML, CSS and JS from you. You're the best programming teacher I've ever seen. Thanks!

  • @waggalacomputerlugandaless1246
    @waggalacomputerlugandaless1246 Год назад +2

    Coding is tough and some concepts are logical to understand but your lessons have been of great help to me, you have really explained these concepts well on the internet. Am rcommending you to online students in Uganda as one of the best internet web development teachers. God bless you for this great work of sharing knowledge and expertise

  • @BilalAhmad-ps7gj
    @BilalAhmad-ps7gj 3 года назад +1

    That's something awesome sir I'm so excited you back Legend

  • @jaysonandre295
    @jaysonandre295 3 года назад +3

    Hey ! Welcome to giraffe academy.My name is Mike.. i miss that.. there used to be times i said that along with you

  • @zoltangal
    @zoltangal 3 года назад +1

    Well done Mike! An other awesome utorial, easy fast and efficient! Congratulations

  • @jamespottex5197
    @jamespottex5197 3 года назад +1

    Wow! Avenger is back

  • @kashafhossain2040
    @kashafhossain2040 3 года назад +3

    I legit learned soooo much from your channel such as HTML and C.Thank you sooo much!!!!😄😃😃😃

  • @heshamh2920
    @heshamh2920 3 года назад

    Great, welcome back ya man

  • @milhamfarrohi
    @milhamfarrohi 3 года назад

    This guy really teach me a lot about basics programming.

  • @atharvagangji2363
    @atharvagangji2363 3 года назад +1

    Woho....
    U are back.

  • @hishamsomroz6913
    @hishamsomroz6913 3 года назад +1

    Can't express my feelings to see ya back

  • @mj95412
    @mj95412 3 года назад +1

    Great video and I'm glad you're back.
    The Vscode extension Live Server might be of use to you, it auto refreshes pages in the browser when you save html, css & js files - quite popular

  • @MohamedEssam-uf1nx
    @MohamedEssam-uf1nx 3 года назад

    عظمه يا حج ميك والله ، الله ينور عليك يا صحبي

  • @rishanvp4766
    @rishanvp4766 3 года назад +1

    Oh you are baaack❤️

  • @waggalacomputerlugandaless1246

    Thanx Mike for the lessons, ama in Uganda and i have greatly benefited from your programming tutorials

  • @badcatdesign
    @badcatdesign 3 года назад +1

    cool - thanks! Also - @7:10 you can also go to the CSS settings and search / include FontAwesome that way too. CodePen has a search section here that allows you to search and include all sorts of libraries etc.

  • @nikoni9546
    @nikoni9546 2 года назад

    Thank you so much!!! I was stuck on how to make icon responsive with the input search bar. That helps a lot.

  • @user-qz3wl8ht1l
    @user-qz3wl8ht1l 3 года назад

    nice to see you again

  • @waggalacomputerlugandaless1246

    i am a fun of coding and programming, i am self teaching my self using your tutorials to help me become a programmer in my African Country

  • @zynxajeaesthetics6067
    @zynxajeaesthetics6067 3 года назад

    My hero is back

  • @maharun
    @maharun 2 года назад

    Wow.. i followed along your turorial and finally when i saw the end result i was blown away... now i'm looking forward to learn html and css... do you have the classes....
    again i have to say you are a great educator....thank you mike...

  • @prudhvichinnam1488
    @prudhvichinnam1488 3 года назад

    Keep doing bro this basic videos lot of help for beginners

  • @ondrejmarek9752
    @ondrejmarek9752 3 года назад

    Thanks Mike, I love it!

  • @GodMoodAz49
    @GodMoodAz49 2 года назад

    Thanks, dude! I really like your videos keep it up.

  • @mihlebakhu4159
    @mihlebakhu4159 3 года назад

    Fresh content my guy

  • @faridfaiz11
    @faridfaiz11 3 года назад

    Very Cool❤❤🔥

  • @_ahn9631
    @_ahn9631 3 года назад

    So glad to see you back. Can you please make videos on back-end web development?

  • @Bisht.yashwant
    @Bisht.yashwant 3 года назад +3

    I feel bad that you have only 146k subs for me you deserve 2million + subs and watching.
    If I honest with you, I will understand anything if you taught me
    Love from india❤️🖤

  • @MaxProgramming
    @MaxProgramming 3 года назад

    OH Wow! Let's gooo!

  • @mohamedabdelrehim858
    @mohamedabdelrehim858 2 года назад

    Thanks alot for your awesome videos. Your voice and way of presenting is stunning ~~

  • @bryanedquila2081
    @bryanedquila2081 3 года назад +1

    Thank you, Mike!

  • @codewithvath7990
    @codewithvath7990 3 года назад

    I love you Mike Dane, You came back.

  • @user-se6ct5zu2f
    @user-se6ct5zu2f 3 года назад +1

    if i do it in another text editor, how do i include 2 css files at a time, cuz if i include the link you said, i then cant include my own style.css

  • @sonamuhialdeen7866
    @sonamuhialdeen7866 3 года назад

    Awesome tutorial

  • @NedumEze
    @NedumEze 3 года назад

    Hi Mike,
    Thanks for this. May I ask. If you were to add functionality to the bar, which of the icons would use as the 'submit button'? Or would you replace the 'times' icon with a text, such as 'Search' or 'Go'? Normally, that too should be an input of its own. Shouldn't it?

  • @bakhtawarabbas4959
    @bakhtawarabbas4959 3 года назад

    Great DEAR...

  • @frankiepinat1644
    @frankiepinat1644 3 года назад

    Your back

  • @bac3phi
    @bac3phi 3 года назад

    Awesome as always. Thanks.

  • @nakarda_r
    @nakarda_r 3 года назад

    your back mn

  • @superprocz
    @superprocz 3 года назад

    Omg you are back😃

  • @ali0shahiry
    @ali0shahiry 3 года назад

    Verrrrrrry impressive. Thank you Mike

  • @pewpew__
    @pewpew__ 3 года назад

    U are actually alive 🤩

  • @rifatiqbal_
    @rifatiqbal_ 3 года назад

    You are back 😍🙌

  • @superprocz
    @superprocz 3 года назад

    You are the guy that made programmer from me thank you so much Mike❤️❤️❤️❤️

  • @remixowlz
    @remixowlz 2 года назад

    amazing!

  • @danielokaro3917
    @danielokaro3917 3 года назад

    Much respect bro

  • @sarrab7087
    @sarrab7087 3 года назад

    as usual perfect work

  • @marypaul9627
    @marypaul9627 2 месяца назад

    Thank you so much for the html and CSS series

  • @lancemarchetti8673
    @lancemarchetti8673 Год назад

    Awesome

  • @f_dl
    @f_dl 3 года назад +3

    15:15 margin: 0 0.5rem; You taught me this

  • @RishabhSharma-qo4qk
    @RishabhSharma-qo4qk 3 года назад

    Hey man glad you are back, I had bought a new laptop with fingerprint sensor and wanted to make Python applications with fingerprint recognition. It would be great if you could help me out man.
    Cheers.

  • @rodrigosanchez6273
    @rodrigosanchez6273 3 года назад

    Good video Mike, thanks!

  • @OrincyWhyteDesigns
    @OrincyWhyteDesigns 2 года назад

    You are such a great teacher

  • @sanjarbakenbaev
    @sanjarbakenbaev 3 года назад

    Great tutoial

  • @anouarkhireddine4761
    @anouarkhireddine4761 3 года назад

    Best explanation ever thank you Mike

  • @kushangayantha9130
    @kushangayantha9130 3 года назад +2

    Awesome a another one thank you

  • @angrymatobbor4762
    @angrymatobbor4762 3 года назад

    Love you brother.♥♥♥

  • @coding-Island
    @coding-Island 3 года назад

    we want more videos like that mike...

  • @ahkhan7923
    @ahkhan7923 2 года назад

    Nice video

  • @yassinealoui7539
    @yassinealoui7539 3 года назад +3

    hi mike: can you please show us the road to becoming a backend web developper. thanks

  • @muhammadmannan8621
    @muhammadmannan8621 3 года назад

    He’s back!!!

  • @asadbekkenjabaev
    @asadbekkenjabaev 3 года назад

    super 👍️👍️👍️

  • @waggalacomputerlugandaless1246

    i have created teams and they have been falling in the four years i was wrestling to startup programming projects. Programmers in my country are expensive and they are not yet experts. after realising that no one coul help me build my project ideas, i decided to take your course, so as to fulfill my dreams. many times am willing to cosult you in certain logical area

  • @luxuryLifestylle
    @luxuryLifestylle 11 месяцев назад

    You're tye best tutor mike

  • @sida_g567
    @sida_g567 3 года назад

    Damn love u bruh

  • @linneadahlstrom9485
    @linneadahlstrom9485 3 года назад

    Hey! If you're using Brackets how do you insert the search symbol from Font Awesome?

  • @nakarda_r
    @nakarda_r 3 года назад

    I top all my courses because of you

  • @mayurnd5634
    @mayurnd5634 3 года назад

    Sir please make complete programming session on artificial intelligence and ml programming as u r only one instructor youtuber for me

  • @rohityv_
    @rohityv_ 3 года назад

    Thank you brother ❤️

  • @Dudeplayze
    @Dudeplayze 2 года назад +1

    Thank you soo much mike

  • @Progamezia
    @Progamezia 3 года назад +2

    yaay i wanted more HTML CSS and JS ig he viewed my comment on his recent react js video yay

  • @zen36158
    @zen36158 3 года назад

    thank you so much professor mike

  • @mayurnd5634
    @mayurnd5634 3 года назад

    Sir please please make complete video session on machine learning programming and artificial intelligence programming in python

  • @hindihits9260
    @hindihits9260 3 года назад

    very helpful tutorial!

  • @kshitijchauhan8226
    @kshitijchauhan8226 3 года назад +1

    Hi Mike. Can u do tutorial videos on Swift, Rust or Go? Love from India ❤😊

  • @yusufrazakhan2443
    @yusufrazakhan2443 2 года назад

    thanks mike really helpful

  • @ianleo3030
    @ianleo3030 Год назад

    great

  • @yourbestie4138
    @yourbestie4138 3 года назад +2

    iron man is back!!

  • @gauravk7323
    @gauravk7323 3 года назад

    Hey mike forst of all welcome back but i just wanted to ask can u make a course on swift couse from past few years i have been trying to learn swift but all cources are advanced u teach programming very good so please make a swift course

  • @coding-Island
    @coding-Island 3 года назад

    mike back is back to rescue new programmers..😁

  • @Progamezia
    @Progamezia 3 года назад

    anyway you made a video,can you make a video on how to make it bring the user to another page when ,for example,Dog is typed into the search bar and a search button clicked?

  • @paoloyanes534
    @paoloyanes534 3 года назад

    YES ^^

  • @aydamuhaba7547
    @aydamuhaba7547 3 года назад +1

    Hey mike we love u why you left for 3 years

  • @ayoubyahiaoui2071
    @ayoubyahiaoui2071 3 года назад

    Hey mike , can u show us how to create a responsive web page, i mean show us how to use css correctly and what to take into consideration to enf up with responsiveness.THANKS

  • @sida_g567
    @sida_g567 3 года назад

    dude plz make a javascript es7+ course also please make a DOM tutorial i really love the way teach