Lun Dev Code

Lun Dev Code

HTML CSS Javascript code tutorial, learning HTML, learning CSS, learning Javascript, get code free HTML CSS JAVASCRIPT,
animation code. reponsive code.

Here we share HTML CSS Javascript code completely free.
The videos focus on creating animation and responsive effects for the website.

Subscribe to the channel to stay updated with new videos

Пікірлер

  • @eriklarcher
    @eriklarcher7 сағат бұрын

    excelent video man. Hey which font are you using for your visual studio code ?

  • @Ayush-_-007
    @Ayush-_-00711 сағат бұрын

    Great work brother... promise you that i will give you atleast 100 more subs (every one from my class)

  • @lundeveloper
    @lundeveloper5 сағат бұрын

    Wow Tha k you so much brother 😍😍

  • @Jim49267
    @Jim4926712 сағат бұрын

    I understood the video without translation. Your English is beautiful.

  • @bhaveshxrawat
    @bhaveshxrawat13 сағат бұрын

    Using offset properties like 'left' is not optimal as it forces the browser to repaint the elements which is a demanding task, low-end devices might make the animation look choppy. Conder using translate property.

  • @bhaveshxrawat
    @bhaveshxrawat14 сағат бұрын

    we have got Mr. Beast of Dev world

  • @bachnguyen2367
    @bachnguyen236714 сағат бұрын

    i see, ưepkit :))))

  • @minhpham3526
    @minhpham352619 сағат бұрын

    bạn ơi sao cái google font của mình ko có cái select font bên cạnh phải phông chữ nhỉ?

  • @lundeveloper
    @lundeveloper19 сағат бұрын

    Giao diện của google font đổi mới á, ở trang chi tiết của 1 font chử nào đó. Bạn sẽ thấy 1 button Get Font. Click vô nó. Sau đó click vào " get embed code" Vậy đó

  • @minhpham3526
    @minhpham352617 сағат бұрын

    @@lundeveloper bạn cho mình hỏi dòng img src là mình phải download ảnh r nhập lệnh vào à

  • @lundeveloper
    @lundeveloper17 сағат бұрын

    Đúng r

  • @Noob-be3dg
    @Noob-be3dg20 сағат бұрын

    Please Make it responsive

  • @sunnymeghrajani5412
    @sunnymeghrajani541220 сағат бұрын

    Interesting😃👍

  • @chickennuggies0242
    @chickennuggies024221 сағат бұрын

    It’s 2am, I should be going to bed but your content is so good. Thank you for sharing your knowledge!

  • @lundeveloper
    @lundeveloper15 сағат бұрын

    Wao. Thank you so much 😍😍😍

  • @BetterCallHim
    @BetterCallHim22 сағат бұрын

    goodjob man.

  • @Tofu-it8mm
    @Tofu-it8mm22 сағат бұрын

    You got a new Subscriber 😇 Nice work dude.

  • @lundeveloper
    @lundeveloper15 сағат бұрын

    Geat, Thank you so much ❤️❤️

  • @CodeingWithHadi
    @CodeingWithHadiКүн бұрын

    Everything's looking good ! You just earned a sub because Everything is just crazy good sound effect in the middle of the video make it more Intresting

  • @lundeveloper
    @lundeveloperКүн бұрын

    Thank you so much bro 😍❤️

  • @hdlrpnzr
    @hdlrpnzrКүн бұрын

    Gracias por compartir tus conocimientos Lun <3

  • @lundeveloper
    @lundeveloperКүн бұрын

    Muchas gracias <3

  • @condor616
    @condor616Күн бұрын

    Love your videos. Keep up the great work 😉

  • @lundeveloper
    @lundeveloperКүн бұрын

    Thank you ^^

  • @diegoandresmoralesfranco6581
    @diegoandresmoralesfranco6581Күн бұрын

    No es reponsive

  • @lundeveloper
    @lundeveloperКүн бұрын

    Don't worry, this design of mine is automatically reponsive

  • @fernandafortes3782
    @fernandafortes3782Күн бұрын

    Hi, could you send the code in React js ?

  • @mdnil4856
    @mdnil4856Күн бұрын

    2:31 what's the name of that extension which reminding you as you write the code?

  • @lundeveloper
    @lundeveloperКүн бұрын

    This is Error Lens Extension

  • @eitherplace9844
    @eitherplace9844Күн бұрын

    i am curious about why you have declared a stateful variable for the navbar list, they will most likely not change during runtime so why to use state for them?

  • @luobohu-dx9xv
    @luobohu-dx9xvКүн бұрын

    What's the best way to fix start blanks, and refresh blanks

  • @lundeveloper
    @lundeveloperКүн бұрын

    At 8:11, css line 18. Instead of -1, you can replace it with - var(--quantity). This will cause the animation to fast forward past the first loop, thereby losing the initial space

  • @hasanmohammad-vc1ie
    @hasanmohammad-vc1ieКүн бұрын

    can i do it on react with package

  • @lundeveloper
    @lundeveloperКүн бұрын

    HI, I will do it in the near future

  • @kitchentaste8705
    @kitchentaste87052 күн бұрын

    please i am new to VS CODE AND I RALLY LIKE URR R VS THEEMEE PLEASE SAY HOW TO DOWNLOAD

  • @HarshDoes
    @HarshDoes2 күн бұрын

    This guy is a gem💎 Protect him at any cost.

  • @lundeveloper
    @lundeveloperКүн бұрын

    Thank you so much 😍😍

  • @joyadeeplimbu7592
    @joyadeeplimbu75922 күн бұрын

    position of cursor pointer and points where dots meet are different if we scroll.

  • @joyadeeplimbu7592
    @joyadeeplimbu75922 күн бұрын

    if (banner) { banner.addEventListener("mousemove", (event: any) => { ctx!.clearRect(0, 0, canvas.width, canvas.height); drawDots(); let mouse = { x: event.pageX, y: event.pageY, // x: event.pageX - banner.getBoundingClientRect().left, // y: event.pageY - banner.getBoundingClientRect().top, }; this will solve the issue i mentioned above. just change x and y value.

  • @miladganjali1440
    @miladganjali14402 күн бұрын

    I really like your contents but please change the AI voice to someone else Mr. Beast's voice is for kids and entertainment most of your viewers are working-class

  • @uyletruong9091
    @uyletruong90912 күн бұрын

    Ủa giọng tiếng Anh của anh nghe khác hẳn nhỉ

  • @lundeveloper
    @lundeveloper2 күн бұрын

    Không phải giọng anh nè ^^

  • @uyletruong9091
    @uyletruong90912 күн бұрын

    @@lundeveloper Chắc chi em nghe hơi lạ. Nhưng phong cách này xịn thật ý Cảm ơn anh ạ 🥰

  • @HaiPham-sm3xc
    @HaiPham-sm3xc2 күн бұрын

    hay quá anh ơi🥰

  • @lundeveloper
    @lundeveloper2 күн бұрын

    Cảm ơn nhé nhé 😍

  • @wassim2863
    @wassim28632 күн бұрын

    Keep it up man, your videos are really helpful ❤❤

  • @lundeveloper
    @lundeveloper2 күн бұрын

    Thank you so much ^^

  • @jmr1920
    @jmr19202 күн бұрын

    can you make a video mastering css grid and flex box?

  • @lundeveloper
    @lundeveloper2 күн бұрын

    Yes, I Will

  • @robertodepasamonte3434
    @robertodepasamonte34342 күн бұрын

    Very novel approach to creating an infinite slider or marque effect. Thanks for sharing. A couple of questions: (1) how can one incorporate a variable to easily set the speed of the slider? and (2) how can automatically scale the size of the images (perhaps using the calc() function) to accommodate changing viewport sizes?

  • @lundeveloper
    @lundeveloper2 күн бұрын

    1. If you need to change the speed with a variable, you just need to create an additional --time variable like I did with quantity, then in the css, replace 10s with var(--time). 2. This slider, when you change the wifth for each different screen, will shrink itself without you needing to edit anything further.

  • @Javascript_lover
    @Javascript_lover2 күн бұрын

    woundraaaaafull You got subscription buddy

  • @samuelmovies1289
    @samuelmovies12892 күн бұрын

    how did you do that ? the text and image in backdround only the face part text is lighten and only showing text border text border

  • @lundeveloper
    @lundeveloper2 күн бұрын

    I created two identical texts, the black text is behind the image, and the border-only text is in front of the image.

  • @samuelmovies1289
    @samuelmovies1289Күн бұрын

    @@lundeveloper do you have any tutorial for that

  • @Mahmud.R.Farhan
    @Mahmud.R.Farhan2 күн бұрын

    Thank You Lun DEV.

  • @lundeveloper
    @lundeveloper2 күн бұрын

    Thank you 😍

  • @lullimongal
    @lullimongal2 күн бұрын

    Build a full frontend website

  • @hlulaniisaacritshuri5354
    @hlulaniisaacritshuri53542 күн бұрын

    Your coding style is always straightforward. I have gained knowledge from your tutorials. Continue the great work bro!!😅❤️‍🔥

  • @lundeveloper
    @lundeveloper2 күн бұрын

    Yeah, thank you so much bro 😍😍

  • @lundeveloper
    @lundeveloper2 күн бұрын

    Please give your suggestions for the topic in the next video 😍❤❤

  • @savagemotiv
    @savagemotiv2 күн бұрын

    We need more unique hero section designs

  • @razaneak1282
    @razaneak12822 күн бұрын

    thank you very much 🙏 i was struggling to find this solution. can you plz make a video of how to add these items to a shopping cart but by fetching them from a json file

  • @lundeveloper
    @lundeveloper2 күн бұрын

    I've done it, please go to the e-commerce website album on my page and take a look

  • @blue-sneko4675
    @blue-sneko46752 күн бұрын

    ❤❤❤❤❤❤❤❤

  • @lundeveloper
    @lundeveloper2 күн бұрын

    😍

  • @lundeveloper
    @lundeveloper2 күн бұрын

    An interesting idea with just CSS, this video will also help everyone know how to code simpler, cleaner and more optimal. Please subscribe to watch many interesting videos every day

  • @sureshbhatt363
    @sureshbhatt3632 күн бұрын

    This is a very helpful video for beginners trying to understand how to build carousel/sliders on their app. Thanks

  • @srijansagar1250
    @srijansagar12503 күн бұрын

    TRULY A LUNDEV

  • @appocalypse3012
    @appocalypse30123 күн бұрын

    what is the VS Code theme / extension that you are using for that RGB highlighting on top of each tab?

  • @yashsagar734
    @yashsagar7343 күн бұрын

    Please explain grid with full details

  • @lundeveloper
    @lundeveloper2 күн бұрын

    Ok bro <3

  • @IsmailFahmiNeo
    @IsmailFahmiNeo3 күн бұрын

    Cool.. ! I love you. Eh I mean not you but this effect.

  • @lundeveloper
    @lundeveloper2 күн бұрын

    hahaha Thank you

  • @ArunKumar_237
    @ArunKumar_2373 күн бұрын

    Sir please suggest best tutorials to learn advance css it will be very much helpful for us

  • @AmitKumar77794
    @AmitKumar777943 күн бұрын

    Please provide souce coden

  • @AmitKumar77794
    @AmitKumar777943 күн бұрын

    Source code

  • @ImranKhan-ht2qm
    @ImranKhan-ht2qm3 күн бұрын

    Nice i like it because the modern websites use those kind of designs thanks man for your effort

  • @deepanshubhargav1024
    @deepanshubhargav10244 күн бұрын

    More videos like this in details pls

  • @lundeveloper
    @lundeveloper4 күн бұрын

    Okey bro 😍

  • @luciaojos
    @luciaojos4 күн бұрын

    imports bad routes ! doesnt work in local. Dislike