Skip to content
Open navbar menu
Sign UpLog In
Profile icon

Matthew James

Hacker
@MattDESTROYER
Hi, I'm Matt! I'm a 16yo Australian 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 (18)
    KillerCl0wn
    KillerCl0wn
    1 day ago

    nice

    FariedSentamu
    FariedSentamu
    1 month ago

    omg

    DragonProgrammer
    DragonProgrammer
    4 months ago

    wow!!

    STCollier
    STCollier
    4 months ago

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

    VulcanWM
    VulcanWM
    4 months ago

    woah this is amazing!

    Rhysen
    Rhysen
    6 months ago

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

    SomeWebber
    SomeWebber
    6 months ago

    YOU LIED THERES NO SKELETON

    MrVoo
    MrVoo
    6 months 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 (17)
    MattDESTROYER
    MattDESTROYER
    5 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!

    Also note: I am learning WebGL, and once I have sufficient knowledge, I will release a further optimised version using WebGL (which should be even faster)!

    Fath00mm
    Fath00mm
    10 months ago

    this is cool

    KingsleyXu
    KingsleyXu
    10 months ago

    image

    so much

    soren
    soren
    10 months ago

    niiice

    MrVoo
    MrVoo
    10 months ago

    oooooooo

    VulcanWM
    VulcanWM
    10 months 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 (21)
    SounakSaha2
    SounakSaha2
    6 months ago

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

    Thanks very much

    catreplicators
    catreplicators
    7 months ago

    Bug report: In the "Logic" lesson, for the example code in the "===" operator, there's no normal text separating the two examples.

    EAsh1
    EAsh1
    7 months ago

    Congrats on third place :))

    MattDESTROYER
    MattDESTROYER
    7 months 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.

    MattDESTROYER
    MattDESTROYER
    7 months ago

    Added a console page for testing any JavaScript code, related to the tutorial or not.

Repls
Community
All Repls