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 (20)KillerCl0wn6 months agonice
FariedSentamu7 months agoomg
DragonProgrammer10 months agowow!!
STCollier10 months agoReminds me of when discord messages have to load haha, nice job
VulcanWM10 months agowoah this is amazing!
Rhysen1 year agotrue! a lot of larger-scale websites (the google browser comes to mind) use this too - it's a pretty useful feature
MrVoo1 year 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 (22)ChickenG1ttrDev3 months agokewl
RedCoder3 months agoCan I use this in a website of mine?
MattDESTROYER11 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!
Fath00mm1 year agothis is cool
KingsleyXu1 year ago
so muchMrVoo1 year agooooooooo
VulcanWM1 year 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 (33)37371909 days agoconfusion only
VAVALUEX1 month agoI don't get it. How do I do this?
AYAydenBG3 months agoim 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
samaniub4 months agoanyone provide link this replt
SOSounakSaha21 year agoLoved the tutorial...... want some more about JS.... a little bit advanced this time!
Thanks very much
EAEAsh11 year agoCongrats on third place :))
MattDESTROYER1 year 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.