Skeleton LoadingMade 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 throttlingto the slowest default option (probably
slow 3gbut may vary).Recent comments (18)KillerCl0wn1 day ago
niceFariedSentamu1 month ago
omgDragonProgrammer4 months ago
wow!!STCollier4 months ago
Reminds me of when discord messages have to load haha, nice jobVulcanWM4 months ago
woah this is amazing!Rhysen6 months ago
true! a lot of larger-scale websites (the google browser comes to mind) use this too - it's a pretty useful featureSomeWebber6 months ago
YOU LIED THERES NO SKELETONMrVoo6 months ago
Getting ParticularMade with HTML, CSS, JS
A recreation of a common particle effect. Click or tap your screen to add more particles.Recent comments (17)MattDESTROYER5 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)!Fath00mm10 months ago
this is coolKingsleyXu10 months ago
so muchsoren10 months ago
niiiceMrVoo10 months ago
ooooooooVulcanWM10 months ago
This is really cool!
No Budget Flappy BirdMade with HTML, CSS, JS
nice game i saw your comment on mine so i decided to check your program
Intro to JSMade with HTML, CSS, JS
Made for the Tutorial Jam! Received the 3rd place prize! $250 USD! Tutorial Jam results.Recent comments (21)SounakSaha26 months ago
Loved the tutorial...... want some more about JS.... a little bit advanced this time!
Thanks very muchcatreplicators7 months ago
Bug report: In the "Logic" lesson, for the example code in the "===" operator, there's no normal text separating the two examples.EAsh17 months ago
Congrats on third place :))MattDESTROYER7 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.MattDESTROYER7 months ago