Handle Design Bugs With Master CSS Part 1

Поділитися
Вставка
  • Опубліковано 14 жов 2024
  • In this video, with topic Handle Design Bugs With Master CSS Part 1 in series CSS Tutorial, Let's join Lun Dev to handle the design error that is not compatible with outdated browsers. There will be no need to worry between ignoring that error or removing unsupported attributes, because we have another way. better, simpler with CSS.
    Design Project in video: Lun Dev.
    -----
    Hello everyone, I'm creating a lot of new projects every day and sharing them 😍, including things you'll love to know about javascript and web Developer, Designer. Subscribe to the channel so you don't miss it ✅.
    #javascript #code #css
    -----
    Theme VsCode I'm Using: • Create Your Own VSCode...
    Featured video series
    React Js Tutorial: • React JS
    Design Slider - Carousel web: • Design Slider - Carous...
    E-Commerce Web Coding: • E-Commerce Website Code
    Design Parallax SCrolling Effect: • Reponsive Parallax Scr...
    Web Applycation Code: • Web Application Code
    Javascript Tutorial: • Javascript Tutorial
    CSS Tutorial: • CSS Tutorial
    Many other impressive videos: / @lundeveloper
    Contact With me:
    Instagram: / lundev.web
    Email: hohoang.dev@gmail.com
    Buy me a cup of coffee by clicking the thanks button on any video. Thank you very much for your support 😍.
    Here, I share all my knowledge about Developer and Web Design including languages ​​such as HTML, CSS, SASS, Javascript, Vue, React, Bootstrap, Tailwind along with clean code techniques and UI UX Design.

КОМЕНТАРІ • 110

  • @lundeveloper
    @lundeveloper  3 місяці тому +25

    Subscribe to the channel to update parts 2, 3, 4... of the Handle Design Bugs With Master CSS series

    • @AkshayShukla.
      @AkshayShukla. 3 місяці тому +1

      miss the mrBeast voice 😅
      that voice makes me watch the video till the end😊

    • @rashidshahriar7913
      @rashidshahriar7913 3 місяці тому +1

      @@AkshayShukla. I like the sound effect most. A suspense music in coding video 🤣

    • @GFXdesk2024
      @GFXdesk2024 3 місяці тому

      thank you for providing such high-quality content. The video was very helpful to me, and I appreciate the effort put into creating it.

    • @moyahya3709
      @moyahya3709 3 місяці тому

      0😊😊​@@AkshayShukla.

  • @lundeveloper
    @lundeveloper  3 місяці тому +47

    I really want to share all my knowledge with everyone, hoping that one day those who need it will see this video

    • @mesbaa
      @mesbaa 3 місяці тому +3

      Thank you very much for sharing! Knowledge is invaluable! Thanks again for sharing

    • @AIZEN155
      @AIZEN155 3 місяці тому +1

      Thanks a lot , your css design patterns help me develop the love with css since i find a complicated language to get good in it

    • @akhilpandey9899
      @akhilpandey9899 3 місяці тому +1

      Hi all this are really helpful
      Can you please create a tutorial for Html css js from beginning to advance?

    • @KnoxGaming123
      @KnoxGaming123 3 місяці тому +1

      Tnq sir❤take love

    • @zalkadridani
      @zalkadridani 3 місяці тому

      I love the mrbeast voice.. it's more spirit

  • @isaacdruin
    @isaacdruin 3 місяці тому +23

    Thank you for dropping the mr beast ai voice. Much better.

    • @averlion
      @averlion 3 місяці тому +1

      Yeah so much better. I'm also really happy about it.

    • @ryan._.yuuki7
      @ryan._.yuuki7 3 місяці тому

      I liked it though.

  • @isaacdruin
    @isaacdruin 3 місяці тому +3

    Great stuff. Your content is a breath of fresh air in contrast to the stale beginner tutorials that litter UA-cam. Keep up the good work!

    • @lundeveloper
      @lundeveloper  3 місяці тому +1

      Wow, thank you so much for support me ❤️❤️

  • @back2Islamyt
    @back2Islamyt 3 місяці тому

    I am new in frontend development learning for 2 months.At the beggining when I used some attributes in css it used to say on it doesn't support in firefox or any other browser .But I never thought for a solution as I am a begginer I thought that wouldn't be a big issue.Now I think every issue as an issue .Thanks for sharing the solution and your experiences.

  • @Londonesify
    @Londonesify 3 місяці тому

    I'm currently hunting for a frontend job and your videos are so helpful! Hoping to impress with all your tips and tricks

  • @okon1624
    @okon1624 3 місяці тому

    I’m still a newbie, can’t apprehend what you’re talking now 😅.
    But thanks no information is wasted 🙏🏾

  • @Viruen.
    @Viruen. 3 місяці тому +1

    Nice video man! New voice is perfect, a lot better than the previous one in my opinion. I would love an in depth css parallax tutorial🙏🏼

    • @lundeveloper
      @lundeveloper  3 місяці тому +1

      Thank you gỏ comment bro 😍

  • @Louispride
    @Louispride 3 місяці тому

    This is really necessary to first know the customers requests and tend to them on time if you wanna keep a good rep on the market🤗🤗 Thank you Lun Dev

  • @kafukai
    @kafukai Місяць тому

    If you are using node you can also use a library that can make the prefix to other web browsers for you. I think it much easier and save a lot of time designing every command.

  • @gachawings
    @gachawings 3 місяці тому +9

    Lun dev code in future: "Its available on car station now"
    IT Employers: "cross platform check SUCCESS, u PASSED"
    .
    .
    Just wanted to make some good comment (idk if it made someone day, but yeaa just wanted to say lun dev code is doing really a great job 💯❤)
    Thank you for all of that, will wait for more 3d website designs xD 😎

    • @lundeveloper
      @lundeveloper  3 місяці тому +1

      Thank you so much brother, thank for watch my content

  • @ssygon2
    @ssygon2 3 місяці тому

    The start of an awesome channel show casing what css can do to create amazing animation. Love it! 🎉

    • @lundeveloper
      @lundeveloper  3 місяці тому +1

      Thank you for watching my content brother

  • @fdelaneau
    @fdelaneau 3 місяці тому

    It would be best to reverse the code structure. By starting with the code with the simple background, then testing the backdrop-filter feature you ensure that even a browser that doesn’t understand the @supports rule will not show without background like in your fist example. This is real progressive enhancement 😊
    I much prefer your new voice, thank you !

  • @vaibhavsoni2302
    @vaibhavsoni2302 3 місяці тому

    It would be amazing if you will be posting long videos!!
    It would be really helpful to learn from your experiences.
    Thanks for the videos love your content❤

  • @rashidshahriar7913
    @rashidshahriar7913 3 місяці тому +2

    I had a similar kind of problem. It was working on chrome opera and Firefox but not on Safari. And that was a long night to fix that issue 😂

    • @lundeveloper
      @lundeveloper  3 місяці тому +1

      Hi, previously Safari still allowed use with the requirement to add -webkit- in front of the attribute. Now, with the latest version (version 18), you won't need anything else, because it already works as well as any other browser.

  • @sheharyarkhan7169
    @sheharyarkhan7169 3 місяці тому

    Hi. I really love your videos and particularly your designs. Do you find em somewhere or create them yourself?

  • @ThePrimeTimer100
    @ThePrimeTimer100 3 місяці тому +1

    Loved your content but it was definitely hard to listen to that AI voice, now I can really enjoy your content! So excited for more stuff!!

  • @HoyaS2
    @HoyaS2 3 місяці тому

    Voice feedback is good. Much better😊

  • @aritzolaba
    @aritzolaba 2 місяці тому

    Why the heck I didn't know this feature! Thanks for the info!

  • @vishaltarwatkar8727
    @vishaltarwatkar8727 3 місяці тому

    love that insight you gave, waiting for more parts of it

  • @13shivanee48
    @13shivanee48 3 місяці тому

    I really like your videos...Keep creating more contents..and thank u for all the previous vids u uploaded

    • @lundeveloper
      @lundeveloper  3 місяці тому

      Thank you for watching my content bro 😍

  • @abrowndude
    @abrowndude 10 днів тому

    best css channel

  • @jonescharly2544
    @jonescharly2544 2 місяці тому

    I appreciatw wverything you do bro

  • @linodexplod1575
    @linodexplod1575 24 дні тому +1

    Hi @lun dev, I have a question, how can you implement blur transparent glassmorphism effect using css on a white background ? Thanks

  • @mayankpanchal1801
    @mayankpanchal1801 3 місяці тому

    Your approch to design is ultimate sir. Can you please upload a playlist for mastering css animations from 0 to hero.

  • @NickL.Kole.7
    @NickL.Kole.7 3 місяці тому +1

    Hey bro I loved your content, but can I know how did you create those pngs in your website like those mountain ones ??

  • @khurtb4586
    @khurtb4586 3 місяці тому

    dude u good at frontend. you should make a blog I still have hard time learning your css and html code

  • @Angelinajolieshorts
    @Angelinajolieshorts 3 місяці тому

    This channel is a surprise 😊

  • @adriantreasureedwin
    @adriantreasureedwin 3 місяці тому

    Thank you lun dev I really appreciate your videos 😢

    • @lundeveloper
      @lundeveloper  3 місяці тому

      Thank you so much brother 😍😍

  • @nununm3199
    @nununm3199 3 місяці тому

    Hey, I would like to ask for the lines that are coming out of the robot, what have you used to make sure that they always stay where they are and they will align to the card on different screen sizes? Thank you for your videos

    • @lundeveloper
      @lundeveloper  3 місяці тому

      To ensure that, what you need to do is simply change the absolute units (pixel, em, rem) to relative units (vw, vh, %), these units will automatically change actual value depends on different device screen sizes

  • @QuintessentialDio
    @QuintessentialDio 3 місяці тому

    Great work, keep it buddy🙌✌

  • @lemagicienannonyme7289
    @lemagicienannonyme7289 3 місяці тому

    Thank you for changing the old voice 😂
    Still great content tho!

  • @niazhimselfangels
    @niazhimselfangels 3 місяці тому

    Nice! Learnt something new! ☺️

  • @henryluisorozcofernandez5662
    @henryluisorozcofernandez5662 3 місяці тому

    Great content. Love the work you are doing. By the way, contrary on the majority of people here I do prefer Mr Beast voice over this new one 😅

    • @lundeveloper
      @lundeveloper  3 місяці тому

      Thank you for your comments ❤❤❤

  • @TheRealFervor
    @TheRealFervor 3 місяці тому

    man thanks for sharing your knowledge!!

  • @LasTCursE69
    @LasTCursE69 3 місяці тому +1

    Thank goodness finally no mr.beast voice.. (now if you also stop using that sharp error sound as well, it will be perfect) --> 02:17

  • @user-mt5vw4sh2q
    @user-mt5vw4sh2q 2 місяці тому

    Awesome! Thanks man!

  • @lightgami
    @lightgami 3 місяці тому

    thanks you, you're amazing

  • @GFXdesk2024
    @GFXdesk2024 3 місяці тому

    JUST DO IT....
    your videos are fresh i like your videos ❤❤❤❤❤❤❤❤😍😍😍😍😍😍😍😍💖💖💖💖💖💖🎉🎉🎉🎉😜😜👏👏👏👏

  • @loantrinhcutexinkdep
    @loantrinhcutexinkdep 3 місяці тому

    New voice 😂❤❤❤

  • @jag9271
    @jag9271 3 місяці тому

    🔥 CSS God back at it again

  • @miladganjali1440
    @miladganjali1440 3 місяці тому +1

    thanks for new voice

    • @lundeveloper
      @lundeveloper  3 місяці тому

      Would it be better?

    • @Viruen.
      @Viruen. 3 місяці тому

      @@lundeveloperThis voice sounds a lot better👍🏼

    • @miladganjali1440
      @miladganjali1440 3 місяці тому

      @@lundeveloper much better 👌

  • @AmirulIslam-gg2fn
    @AmirulIslam-gg2fn 3 місяці тому

    Just awesome

  • @Omey9x
    @Omey9x 3 місяці тому

    Cant wait

  • @mouse6146
    @mouse6146 3 місяці тому

    wait is this your real voice? it sounds more comfortable than the old mr beast voice

  • @виртуоз_ру
    @виртуоз_ру 3 місяці тому

    Хорош 👍

  • @meomuop8119
    @meomuop8119 3 місяці тому

    Mấy cái code effect này có thể làm trên ladipage ko a

  • @hariprasatht9082
    @hariprasatht9082 3 місяці тому

  • @FzsHotDogInDonut
    @FzsHotDogInDonut 3 місяці тому

    use dune voice. it will be fun.

  • @ethanlynch72
    @ethanlynch72 3 місяці тому

    Can you give fancy css scroll animation tutorials

    • @lundeveloper
      @lundeveloper  3 місяці тому

      I already created that video, you just need to go to my channel to watch it

  • @AniketYadav-nu3fb
    @AniketYadav-nu3fb 3 місяці тому

    Using react js and tailwind

  • @Azztaczoken
    @Azztaczoken 2 місяці тому

    where can i take all image you use in your video ??

  • @upcoder
    @upcoder 3 місяці тому

    Hi Lun, CSS "background-attachement:fixed" not works with iPhone and some other Mack devices. What is the solutions for it????????????? Thank you.

    • @lundeveloper
      @lundeveloper  3 місяці тому

      This is currently not possible, if you still want to create the same effect on safari ios we will have to use javascript

  • @memehubperdesh001
    @memehubperdesh001 3 місяці тому

    Hey I am facing some problem to make these projects....the animation does't work....how to solve this problem...

  • @arshifarooq9199
    @arshifarooq9199 3 місяці тому

    Can you design your css best design in figma

    • @lundeveloper
      @lundeveloper  3 місяці тому

      Most of my designs were sketched out in the previous figma

  • @Dstoic
    @Dstoic 3 місяці тому

    Can you show some magic with the help of tailwind to?

  • @Mater-code
    @Mater-code 3 місяці тому

    Bro finally using his own voice...?

    • @LasTCursE69
      @LasTCursE69 3 місяці тому

      Sounds AI-sh again, but at least it's not that auful Mr.beast one..

  • @Gamers___
    @Gamers___ 3 місяці тому +2

    can you creat a login that function with gmail the recieves code
    @lun dev code?

  • @MercurySteel
    @MercurySteel 3 місяці тому

    I see that you got tried of getting comments about the mr beast voice AI and changed the voice

  • @aliabdullah4822
    @aliabdullah4822 3 місяці тому

    MR. BEAST VOICE!!!, WE NEED IT BACK.

  • @alamurta
    @alamurta 3 місяці тому

    Is only figured out ur using ai voice and upgraded ur UA-cam channel

  • @Migueltorrejas-el7jd
    @Migueltorrejas-el7jd 3 місяці тому +6

    Bring back the old voice please 😢😢.

    • @xySaad
      @xySaad 3 місяці тому +1

      No this one is better, the old one is annoying

    • @zeke2269
      @zeke2269 3 місяці тому

      😂

  • @fahimul.islam.fahad.
    @fahimul.islam.fahad. 3 місяці тому +1

    Please use the old voice 😢

    • @lundeveloper
      @lundeveloper  3 місяці тому

      In the past, I received a lot of negative feedback about previous voice 😢

    • @xySaad
      @xySaad 3 місяці тому

      ​@@lundeveloper can't you use both?

    • @AmirulIslam-gg2fn
      @AmirulIslam-gg2fn 3 місяці тому +2

      @@lundeveloper This voice is perfect. 1000 times better then Previous voice.

    • @lundeveloper
      @lundeveloper  3 місяці тому

      Thank you 😍

    • @plastikbeau3695
      @plastikbeau3695 3 місяці тому

      @@lundeveloper TBH i didn't like mr.beast voice at first, but after watching a few of your videos it grew on me. this new voice is much less expressive but more professional sounding which is probably more fitting for the channel's content.

  • @Nyxar-2077
    @Nyxar-2077 3 місяці тому

    I'll miss the ai voice 😢

  • @yilmazserkan
    @yilmazserkan 3 місяці тому

    new voice :/