Skeleton Loading
Made with HTML, CSS, JSA 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 (probablyslow 3g
but may vary).Recent comments (18)KillerCl0wn1 day agonice
FariedSentamu1 month agoomg
DragonProgrammer4 months agowow!!
STCollier4 months agoReminds me of when discord messages have to load haha, nice job
VulcanWM4 months agowoah this is amazing!
Rhysen6 months agotrue! a lot of larger-scale websites (the google browser comes to mind) use this too - it's a pretty useful feature
SomeWebber6 months agoYOU LIED THERES NO SKELETON
MrVoo6 months agosnazzy
Getting Particular
Made with HTML, CSS, JSA recreation of a common particle effect. Click or tap your screen to add more particles.
Recent comments (17)MattDESTROYER5 months agoA 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 agothis is cool
KingsleyXu10 months ago
so muchsoren10 months agoniiice
MrVoo10 months agooooooooo
VulcanWM10 months agoThis is really cool!
No Budget Flappy Bird
Made with HTML, CSS, JSA '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)CheetahFusa1 year agonice game i saw your comment on mine so i decided to check your program
Intro to JS
Made with HTML, CSS, JSThis 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)SounakSaha26 months agoLoved the tutorial...... want some more about JS.... a little bit advanced this time!
Thanks very much
catreplicators7 months agoBug report: In the "Logic" lesson, for the example code in the "===" operator, there's no normal text separating the two examples.
EAsh17 months agoCongrats on third place :))
MattDESTROYER7 months agoWow! 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 agoAdded a console page for testing any JavaScript code, related to the tutorial or not.