Skip to content
Open navbar menu
Sign UpLog In
MattDESTROYER

Matthew James

Core
@MattDESTROYER
Hi, I'm Matt! An Aussie student and full-stack dev. Experienced in JS/NodeJS, dabbled in Python & PHP, used C++, C#, + I'm a mod on Ask too!
Australia
LinkedIn
GitHub
Website
  • Skeleton Loading

    Cover page
    Made with HTML, CSS, JS

    A simple example of skeleton loading. Skeleton loading uses simple placeholder elements while loading actual content, replacing the placeholder or 'skeleton' content with real content when loaded.

    To really see the skeleton loading in action, go to your browser's console, navigate to the network tab and change no throttling to the slowest default option (probably slow 3g but may vary).

    Recent comments (20)
    KillerCl0wn
    KillerCl0wn
    6 months ago

    nice

    FariedSentamu
    FariedSentamu
    7 months ago

    omg

    DragonProgrammer
    DragonProgrammer
    10 months ago

    wow!!

    STCollier
    STCollier
    10 months ago

    Reminds me of when discord messages have to load haha, nice job

    VulcanWM
    VulcanWM
    10 months ago

    woah this is amazing!

    Rhysen
    Rhysen
    1 year ago

    true! a lot of larger-scale websites (the google browser comes to mind) use this too - it's a pretty useful feature

    MrVoo
    MrVoo
    1 year ago

    snazzy

  • Getting Particular

    Cover page
    Made with HTML, CSS, JS

    A recreation of a common particle effect. Click or tap your screen to add more particles.

    Recent comments (22)
    ChickenG1ttrDev
    ChickenG1ttrDev
    3 months ago

    kewl

    RedCoder
    RedCoder
    3 months ago

    Can I use this in a website of mine?

    MattDESTROYER
    MattDESTROYER
    11 months ago

    A very simple (kinda says something that I didn't think of it much earlier...) optimisation improvement means that you should be able to add drastically more particles than before!

    Fath00mm
    Fath00mm
    1 year ago

    this is cool

    KingsleyXu
    KingsleyXu
    1 year ago

    image

    so much

    MrVoo
    MrVoo
    1 year ago

    oooooooo

    VulcanWM
    VulcanWM
    1 year ago

    This is really cool!

  • No Budget Flappy Bird

    Cover page
    Made with HTML, CSS, JS

    A 'no budget' (in other words not great quality) remake of the classic, arcade-style game: Flappy Bird. Coded from scratch in HTML and JavaScript by me. I also created all the assets as well (don't judge the quality, I'm clearly not a digital artist).

    Recent comments (2)
    CheetahFusa
    CheetahFusa
    1 year ago

    nice game i saw your comment on mine so i decided to check your program

  • Intro to JS

    Cover page
    Made with HTML, CSS, JS

    This tutorial covers the basics of JavaScript, an essential language for web development. Fork this Repl and begin learning!

    Made for the Tutorial Jam! Received the 3rd place prize! $250 USD! Tutorial Jam results.

    Recent comments (33)
    37190
    37190
    9 days ago

    confusion only

    VALUEX
    VALUEX
    1 month ago

    I don't get it. How do I do this?

    AydenBG
    AydenBG
    3 months ago

    im verry interested in learning js but im having a verry hard time learning and i dont really know what to do i would dedicate alot of time to doing it if i had someone to teach me

    samaniub
    samaniub
    4 months ago

    anyone provide link this replt

    SounakSaha2
    SounakSaha2
    1 year ago

    Loved the tutorial...... want some more about JS.... a little bit advanced this time!

    Thanks very much

    EAsh1
    EAsh1
    1 year ago

    Congrats on third place :))

    MattDESTROYER
    MattDESTROYER
    1 year ago

    Wow! I am lost for words! Third place! Thanks so much!

    I'm amazed that already their are 435 forks of this Repl (within three days of it being added to the learn page). (Edit: Wow! That number almost doubled in two days!) I really hope you learn a thing or two from my tutorial! And I'm always happy to help out if you get stuck :D I'd love to know if you finished my tutorial, so feel free to comment here if you did! Also feedback is greatly appreciated :)

    As to why I didn't make a video: I have three younger siblings so my house is never really quiet which wouldn't be ideal, but also my exams started yesterday (I'm in Year 10) and while making this tutorial I was preparing for my exams so I didn't really have the time to put together a video.

    Maybe after my exams are over, I'll add a video component. Also keep an eye out for my (work-in progress) Intro to JS Game Dev tutorial, which will be somewhat of a 'sequel' to this tutorial.

All Repls