Pikachu | HTML CSS JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 พ.ค. 2023
  • #shorts #html #css #javascript #tutorials #trending
    Source code: shorturl.at/sFNW1
    Sound effects from Pixabay.

ความคิดเห็น • 206

  • @waffle-codes-js
    @waffle-codes-js ปีที่แล้ว +428

    That’s not vanilla JS. It’s jquery. Should specify for your newbies.

    • @NoobJang
      @NoobJang 10 หลายเดือนก่อน +3

      Jquery is still vanilla js wdym

    • @ResearcherplusEngineer
      @ResearcherplusEngineer 6 หลายเดือนก่อน +6

      Me who thought this as a front-end php writtenable in tag😂

    • @andrewnobre8293
      @andrewnobre8293 6 หลายเดือนก่อน +1

      ​@@ResearcherplusEngineerI also thought it was PHP, but it was

    • @ResearcherplusEngineer
      @ResearcherplusEngineer 6 หลายเดือนก่อน +2

      @@andrewnobre8293 Nah its not our fault then bcoz we php developer think that using was a lot of time easier! 😅

    • @andrewnobre8293
      @andrewnobre8293 6 หลายเดือนก่อน

      @@ResearcherplusEngineer yes, but when I saw $ I thought it was PHP.

  • @borsukk
    @borsukk 2 หลายเดือนก่อน +66

    bro made 50 lines of code to center div 😂😂😂

  • @whut6144
    @whut6144 4 หลายเดือนก่อน +64

    Imagine his reaction when he discovers flexbox

    • @borsukk
      @borsukk 2 หลายเดือนก่อน +3

      bro made 50 lines of code to center div 😂😂😂

    • @oskarvargas23
      @oskarvargas23 หลายเดือนก่อน

      flex box center😂

  • @mjhoolm8422
    @mjhoolm8422 17 วันที่ผ่านมา +4

    Humans before flex box:

  • @eddyerkelens
    @eddyerkelens ปีที่แล้ว +72

    Dude... Why such muxh javascript that had could be 3 likes of css?

  • @rahulxdhere
    @rahulxdhere 9 หลายเดือนก่อน +52

    welcome to how to make code more complicated 🤡

    • @sriramedit659
      @sriramedit659 2 หลายเดือนก่อน

      😂😂

    • @ResearcherplusEngineer
      @ResearcherplusEngineer 2 หลายเดือนก่อน +3

      Just remove one semicolon then it will be complicated no body will ever understand where is error it is even so complicated for compiler as well as it could not know what to do with it problem solved!

  • @bahtiyorr
    @bahtiyorr 4 หลายเดือนก่อน +13

    You should attach every code under the video

    • @borsukk
      @borsukk 2 หลายเดือนก่อน +1

      better nobody learns from that

  • @totalchrisgaming
    @totalchrisgaming 11 หลายเดือนก่อน +37

    You wrote 20+ lines of centering and viewport resize logic for one gif brother

    • @Nothing_yet_get_
      @Nothing_yet_get_ 3 หลายเดือนก่อน +1

      Is that bad?( i am beginners)

    • @mtalons3202
      @mtalons3202 3 หลายเดือนก่อน +4

      @@Nothing_yet_get_ EXTREMELY

    • @Sac-chan
      @Sac-chan 3 หลายเดือนก่อน

      @@Nothing_yet_get_ It is, it's actually pretty bad

    • @jnandpsalmminecraftchannel3377
      @jnandpsalmminecraftchannel3377 หลายเดือนก่อน +1

      The only thing thats worst is why does he need jQuery, is he using it to move a gif even if the gif already moves without using any script. 😂
      You do not need anything like keyframes using css or javascript to move a gif. It actually works in my website without need of the css and javascript,i use only and it works,it actually moves
      Also resizing the image is useful without need of CSS or JavaScript or Jquery, because you can use width attribute and height attribute.

    • @Smurfis
      @Smurfis 24 วันที่ผ่านมา

      @@Nothing_yet_get_essentially it reads from top to bottom and the more code there is the longer it takes he literally needed
      display: flex;

  • @black_raph1547
    @black_raph1547 5 วันที่ผ่านมา +1

    print "pikapikachuuu"

  • @lolxnn
    @lolxnn หลายเดือนก่อน +12

    Now i wonder why websites in 2024 still suck😂

  • @Snuffed17
    @Snuffed17 ปีที่แล้ว +136

    I'm new to javascript, but tell me. Did you use js to make the picture start moving or is it a gif or what?

    • @juandavidsarazanieto48
      @juandavidsarazanieto48 ปีที่แล้ว +40

      It's a gif, the line img src=...

    • @tonigarces7211
      @tonigarces7211 ปีที่แล้ว +15

      @@juandavidsarazanieto48 tried to get into that link it does not load, but yeah this guy just put a gif on the page

    • @harshittechnology6955
      @harshittechnology6955 ปีที่แล้ว +5

      Gif bcz img src = a gif shown

    • @bojjixAtTheMoment
      @bojjixAtTheMoment 25 วันที่ผ่านมา

      Why so many code just to center it?

  • @harshit8112
    @harshit8112 16 วันที่ผ่านมา +2

    just paste the pikachu gif from google and that's it(using simply image tag in html)😭😭💀💀

  • @user-dk4dz7wm4h
    @user-dk4dz7wm4h 8 หลายเดือนก่อน +4

    You see me too like this....

  • @Dark-rl7ch
    @Dark-rl7ch หลายเดือนก่อน +1

    Bueno papa, parabéns 🎉🎉❤❤❤

  • @jorgeluischavezcastillo1086
    @jorgeluischavezcastillo1086 หลายเดือนก่อน

    exelent 👌

  • @trivialproductions
    @trivialproductions 4 วันที่ผ่านมา +1

    Make me the 20th Century Fox logo next.

  • @endlesslovekush5321
    @endlesslovekush5321 2 หลายเดือนก่อน +1

    Nyc

  • @imenellili478
    @imenellili478 ปีที่แล้ว +1

    Nice

  • @Shankokoca
    @Shankokoca หลายเดือนก่อน

    I didn't know taking animation from an wepsite was a thing thanks for your help

  • @itsyaboiporkchop
    @itsyaboiporkchop ปีที่แล้ว +2

    Such import, much learn

  • @IsraelOgunlade
    @IsraelOgunlade 8 หลายเดือนก่อน +1

    That really good

  • @roland1278
    @roland1278 ปีที่แล้ว +74

    Do you really use jquery to just center gif? Lmao

    • @crownic999
      @crownic999 ปีที่แล้ว +13

      Avearge html coder

    • @mluevanos
      @mluevanos ปีที่แล้ว +2

      😂😅 all that jQuery to style the thing

    • @areaofeffect100
      @areaofeffect100 7 หลายเดือนก่อน +3

      @@crownic999 I am average html coder and I dont use jquery to center images

    • @claireglory
      @claireglory 3 หลายเดือนก่อน

      long and unnecessary codes. in the game dev world and "PIRATING", we call it "REPACKING".
      original file = 1gb
      after repacking, file = 700mb
      saving more space

  • @baolongha2096
    @baolongha2096 หลายเดือนก่อน

    What html editing app he used 😮

  • @dulelassadi7361
    @dulelassadi7361 ปีที่แล้ว +1

    Lol the keyboard sounds makes look it’s hard while it’s not really

  • @damc0920
    @damc0920 8 หลายเดือนก่อน

    I very like

  • @migueldavis694
    @migueldavis694 5 หลายเดือนก่อน +3

    Could've just src:gif with a white background man......

  • @RODRIIX1997
    @RODRIIX1997 12 วันที่ผ่านมา +1

    Amon gus plis 🙏🏻

  • @user-kt7nw9ks6i
    @user-kt7nw9ks6i 7 หลายเดือนก่อน +2

    Nice❤

  • @cristianbilu
    @cristianbilu ปีที่แล้ว +9

    Ahh, the good old sublime and jquery, the nostalgia

  • @user-by5ky6hi3d
    @user-by5ky6hi3d 6 หลายเดือนก่อน +1

    🎉🎉🎉

  • @isurudigantha3581
    @isurudigantha3581 ปีที่แล้ว +1

    It's awesome:)

  • @Animatedtoons830
    @Animatedtoons830 9 หลายเดือนก่อน +1

    can you make a video for making hyper link in a website

  • @DR25latest25
    @DR25latest25 4 หลายเดือนก่อน +4

    Tell me website bro pls .

  • @NoobioZ
    @NoobioZ หลายเดือนก่อน +1

    that's pikachu animation?, why u didn't using animation software 🗿

  • @___raiLov-----
    @___raiLov----- 2 หลายเดือนก่อน

    👏👏👏👏👏

  • @wildguardian
    @wildguardian 3 หลายเดือนก่อน +1

    I don't think anyone would hore someone who used js to center a gif in a website

  • @codeforyou7584
    @codeforyou7584 ปีที่แล้ว

    Provide Full video

  • @user-ld7jo4bx5y
    @user-ld7jo4bx5y 4 หลายเดือนก่อน

    😮❤

  •  8 หลายเดือนก่อน +1

    0:00

  • @Jagri_132
    @Jagri_132 9 หลายเดือนก่อน +1

    Great

  • @nicksonmatembu3878
    @nicksonmatembu3878 ปีที่แล้ว

    This is incredible

  • @cuberbhai3099
    @cuberbhai3099 ปีที่แล้ว +15

    U just imported a gif bruh

    • @seriouslyrize
      @seriouslyrize ปีที่แล้ว

      What did you expect by Pikachu

  • @user-ng1qw4zc2b
    @user-ng1qw4zc2b 7 หลายเดือนก่อน +3

    This code make me really confused what is what is what in code?

  • @ElectrostatiCrow
    @ElectrostatiCrow 4 หลายเดือนก่อน +1

    Hey that's me.

  • @ravithapa7401
    @ravithapa7401 9 หลายเดือนก่อน +1

    excellent

  • @20q2
    @20q2 ปีที่แล้ว +1

    What's going on with the mouse animation stuff?

  • @chimdiikechukwu7142
    @chimdiikechukwu7142 10 หลายเดือนก่อน +1

    😮

  • @anthonyamanat674
    @anthonyamanat674 2 หลายเดือนก่อน

    Great work

  • @animexff702
    @animexff702 ปีที่แล้ว +3

    Keep support us❤

  • @Marz23435
    @Marz23435 หลายเดือนก่อน

    As far as the height and weight. How do you know the exact numbers to put in?

  • @ninjafiretime168
    @ninjafiretime168 หลายเดือนก่อน

    Which application you use

  • @jeffxd9380
    @jeffxd9380 2 หลายเดือนก่อน

    faltou um clean code aí... SOLID nem se fala

  • @MaxwellMukupa
    @MaxwellMukupa 2 หลายเดือนก่อน

    This is my course i would like to learn more

    • @ResearcherplusEngineer
      @ResearcherplusEngineer 2 หลายเดือนก่อน

      Learn tags raster gif image creation and your course is done case close 😂😂😂

  • @_w6rst
    @_w6rst 2 หลายเดือนก่อน +1

    Used

  • @komalsharma9637
    @komalsharma9637 25 วันที่ผ่านมา

    so basically what you did was just dragged and dropped that gif

  • @Red_Senz_Pubgm
    @Red_Senz_Pubgm หลายเดือนก่อน

    This video code is simple

  • @hichemmansouri8930
    @hichemmansouri8930 ปีที่แล้ว +1

    Unbelieveble

  • @davidlwatsonjr
    @davidlwatsonjr หลายเดือนก่อน

    Holy hell, can you query the dom again for no reason, please?

  • @RandomRedditStories23
    @RandomRedditStories23 3 หลายเดือนก่อน

    Python: I’ll just import it

  • @secondname7461
    @secondname7461 ปีที่แล้ว +1

    Hi! jQuery!!!!

  • @rez-yh6ru
    @rez-yh6ru 3 หลายเดือนก่อน

    ☑️

  • @khanal_aashraya
    @khanal_aashraya ปีที่แล้ว +1

    what is the extension that he used, that made the right side red when there was semi collon missed

    • @DanielSchemkes
      @DanielSchemkes ปีที่แล้ว

      fuck the semi collon not needed so fuck it

  • @shashaankk2317
    @shashaankk2317 2 หลายเดือนก่อน

    Html css and Jquery

  • @yuriikovalchuk564
    @yuriikovalchuk564 ปีที่แล้ว +1

    display: fixed ...

  • @Learnwith-attention
    @Learnwith-attention 3 หลายเดือนก่อน

    Source code please

  • @pedrorivera8255
    @pedrorivera8255 4 หลายเดือนก่อน

    Cool👍🏾

  • @SpeedyYT69
    @SpeedyYT69 ปีที่แล้ว

    Make Toyota Supra MK 4 Drifitng!

  • @unknown_police
    @unknown_police ปีที่แล้ว +1

    Please the theme you are using is so great! Could you please tell me the name?? Thank you.

    • @RajdeepJadeja
      @RajdeepJadeja ปีที่แล้ว

      Its not vscode it's a text editor named Sublime text

  • @Jrizy.
    @Jrizy. ปีที่แล้ว +1

    Wait. Did JS seriously just code that? Or am I getting trolled?
    Load .gif? That’s the Pikachu. Was the rest even necessary lol? I’m lost.

  • @vitzim_0524
    @vitzim_0524 หลายเดือนก่อน

    Cod font?

  • @jkkjkkas
    @jkkjkkas 11 หลายเดือนก่อน +1

    people now just straight up start calling jquery javascript ??? we living in interesting time

  • @themightyeagle
    @themightyeagle ปีที่แล้ว +3

    jQuery 2023? Using Javascript to position the gif? Why? This piece of code teaches beginners how to not do things i suppose?

  • @tyjames1491
    @tyjames1491 หลายเดือนก่อน +1

    This post is a plant

  • @MemeGallery001
    @MemeGallery001 ปีที่แล้ว

    In my sublime , it's not displaying the same, what could be the reason??

  • @MartinToapanta-dl9pk
    @MartinToapanta-dl9pk ปีที่แล้ว

    Tetris

  • @yga3743
    @yga3743 ปีที่แล้ว +4

    May i ask? I'm completely new, why using code when you can draw it?

    • @daleryanaldover6545
      @daleryanaldover6545 ปีที่แล้ว

      The gif image is a separate thing that is already made, he could have downloaded it somewhere. What he showed here is how he centered the animated gif image in the screen, making it some kind of loading screen.

    • @mercynik2019
      @mercynik2019 ปีที่แล้ว

      Because you can't draw on a web page ....

  • @WhyAreThereHandlesNow87
    @WhyAreThereHandlesNow87 ปีที่แล้ว +1

    What was the point in all the mouse stuff? just simple css and the img tag to the .gif would have done this result

    • @daleryanaldover6545
      @daleryanaldover6545 ปีที่แล้ว

      true adding jQuery is unnecessary

    • @Naej7
      @Naej7 ปีที่แล้ว

      Thank you, finally someone with some skills

  • @Rucken
    @Rucken 2 หลายเดือนก่อน

    And the only did is to import a gif 😂

  • @KoreanGunz1
    @KoreanGunz1 2 หลายเดือนก่อน

    why you animate a gif ????

  • @user-he1yo7zm2z
    @user-he1yo7zm2z 4 หลายเดือนก่อน

    а теперь тоже самое, но для людей без аутизма (на нативном js)

  • @melonenlord2723
    @melonenlord2723 ปีที่แล้ว

    What does all these mouse move and keyframes animations do if you just display a gif? XD
    Just do a gif over the view screen with css and you are done 😆

  • @NELSANS
    @NELSANS ปีที่แล้ว +3

    please send the code ready already. too lazy to rewrite

    • @learning-axis
      @learning-axis  ปีที่แล้ว

      see description

    • @parthadke8922
      @parthadke8922 10 หลายเดือนก่อน

      ​@@learning-axisthat link is not working send another 😅

  • @katcha13
    @katcha13 ปีที่แล้ว

    Can you can give the file pls?

  • @DOODOOMAN118
    @DOODOOMAN118 3 หลายเดือนก่อน

    How do people type so fast? Jesus

  • @fargeeks
    @fargeeks ปีที่แล้ว +3

    Is this how you create gifs?

    • @daleryanaldover6545
      @daleryanaldover6545 ปีที่แล้ว +1

      no, what he did is a loading screen. The gif image is already created before hand and was just slapped into the img tag

  • @maxpyervak7004
    @maxpyervak7004 ปีที่แล้ว +1

    Bro, the link for pikachu animation doe snot work, code can not be completed

  • @NiTAMAZUKI-vk5hz
    @NiTAMAZUKI-vk5hz ปีที่แล้ว +2

    Anime 3d❤

  • @jackyeelo3705
    @jackyeelo3705 ปีที่แล้ว +3

    source code can't work in my computer

    • @waffle-codes-js
      @waffle-codes-js ปีที่แล้ว

      Because it’s jquery, a JavaScript library. Not vanillaJS.

  • @haunterterryel88
    @haunterterryel88 ปีที่แล้ว

    La ruta del gif no funciona

  • @Mikey-ld6ju
    @Mikey-ld6ju 5 หลายเดือนก่อน

    Ça marche avec n'importe quel image ??

  • @PhoenixCorviel-wv8wk
    @PhoenixCorviel-wv8wk ปีที่แล้ว +1

    I want to learn how to do this, someone can help me

    • @ericlamela371
      @ericlamela371 10 หลายเดือนก่อน

      Learn the programming language, it's not normally easy, but if you are persistent and patient, you would learn. I also only recently started, am progressing slowly, but am still progressing at least 😅😅😅

  • @khayyumsmart4537
    @khayyumsmart4537 ปีที่แล้ว

    script code is not working

  • @shekharpandit3017
    @shekharpandit3017 ปีที่แล้ว +1

    Bilkul chjtyapa

  • @newDEVgames
    @newDEVgames 6 หลายเดือนก่อน +1

    You get paid. Right?

  • @imshridhar7942
    @imshridhar7942 ปีที่แล้ว

    paste ur code on comment

  • @burolax
    @burolax 2 หลายเดือนก่อน

    Действительно, нафиг надо этот ваш "doctype html"?

  • @igorsiqueira1926
    @igorsiqueira1926 ปีที่แล้ว +1

    jquery NOOOOOOOO

  • @maddgaming12415
    @maddgaming12415 3 หลายเดือนก่อน

    Did u just called pikachu a mouse that too original?

    • @anabelchisom7870
      @anabelchisom7870 3 หลายเดือนก่อน

      Did not understood what he did there

  • @YundzeElias
    @YundzeElias หลายเดือนก่อน

    😮❤❤

  • @Sarvaiya.2007
    @Sarvaiya.2007 6 วันที่ผ่านมา +1

    Source code