Make a Pixel Art maker with HTML, CSS & JavaScript | JS BEGINNERS PROJECT

Поделиться
HTML-код
  • Опубликовано: 6 фев 2025
  • Finished codes: github.com/0sh...
    In this video, we are going to create a pixel art generator using HTML, CSS, and JavaScript. We will be using Vanilla JS. And this will be a beginner friendly step by step tutorial. So you will be able to follow along very easily.
    I hope you enjoy the video. If you do kindly like and subscribe 😄
    Support me on Patreon: / 0shuvo0
    Find me on Twitter: / 0shuvo0
    Read my articles on Dev: dev.to/0shuvo0
    #JavaScript #js

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

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

    love your video i hope you become famous thank you so much i enjoyed the video so much!!

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

    I respect your contribution bro to the community love you

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

      Damn brother, I really cannot thank you enough for your support, It keeps me going 💛

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

      @@AngleBrace love you bro...hope your hard work pays off

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

    Thanks, I have liked and subscribed

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

    merci , super outils ,simple a comprendre , j'avais besoin d'un outils de pixel art pour faire des prototype de jeux video et tout les logiciel de pixelart son compliquer a comprendre quant tu est pas graphiste, voila un outils simple. je suis sur que si tu ajouter un bouton de convertion png ou tout autre format.
    Avec un dessin pixel art en rajoutant un font transparent de ce qui est pas utile , je suis sur que tu aurais pas mal de personne qui te le téléchargerons

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

    You are talent. Keep up! Subscribed to your channel

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

      Many many thanks
      I really appreciate your support 💓

  • @MB-td1sf
    @MB-td1sf 2 года назад +2

    Hello!
    Many thanks for such an interesting turtorial. Can you please give a hint, how can I save drawn picture in CSS (to recreate it on website, for example)?

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

    Hello, I came across your video as I was doing some research for a learning assignment, First of all i gotta say, it's such a clearly explained and structure video, you have cleared the cloudiness in my head with css grid, however I wonder if it'd be possible to solve this same problem with flex-box?

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

    Thank you

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

    how do i make a button to download the art

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

    You are awesome bro your contain are awesome hope you will post more js project

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

    sir this all is great but you did not tell that how you make that different colors in box that is after reset button
    Edited : okay i got it .. input type is color

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

      Yes glad you figured it out, great job

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

    Angle can you help me with my project? I need lecture. I can come discord. I need help desperately I am in an internship and I need a helping hand.

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

    I try to modify the type="number" for a type="range". But when i slide the value dont update and the grid stay the same. Any tips? Thank you

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

    Génial !!! Thanks a lot! Is it possible to ad a button « Save as » or « export » as « png » or « ico » ? I Think about favicon.... Great job one more Time. !!!🏆

    • @AngleBrace
      @AngleBrace  3 года назад +4

      Sure you can add a save button
      You can try this library: github.com/tsayen/dom-to-image
      When the save button is clicked all you have to do is run domtoimage.toPng(container)