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

Поделиться
HTML-код
  • Опубликовано: 24 ноя 2021
  • Finished codes: github.com/0shuvo0/pilex-art
    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

  • @jfpereira5834
    @jfpereira5834 6 месяцев назад

    Thank you

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

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

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

    You are talent. Keep up! Subscribed to your channel

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

      Many many thanks
      I really appreciate your support 💓

  • @chrisb3189
    @chrisb3189 Год назад +1

    Thanks, I have liked and subscribed

  • @dingdingvlogs6861
    @dingdingvlogs6861 2 года назад +4

    I respect your contribution bro to the community love you

    • @AngleBrace
      @AngleBrace  2 года назад +2

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

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

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

  • @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 Год назад +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?

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

    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

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

    how do i make a button to download the art

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

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

  • @noorb374
    @noorb374 2 года назад +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  2 года назад +1

      Yes glad you figured it out, great job

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

    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

  • @captainofthewhitetower
    @captainofthewhitetower 9 месяцев назад

    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.

  • @christophemillot887
    @christophemillot887 2 года назад +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  2 года назад +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)