Hello World Ep.16: Loading Overlay Animation with HTML, CSS, JavaScript | Web Development
In this video we create a global loading overlay using HTML, CSS, and
jQuery. There is one line of code to take over the screen and display a
loader as well as one line of code to hide the loader. This loader is
good for any button such as signing up, logging in, downloading files,
and any other action that would require a loader to be displayed.
——
Code on GitHub ⇝ https://github.com/jstolpe/hello_world
Live Site ⇝ https://helloworld.justinstolpe.com/
——
Discord ⇝ / discord
Printify ⇝ https://bubbles-merch.printify.me
TikTok ⇝ / justinstolpe
GitHub ⇝ https://github.com/jstolpe/
Instagram ⇝ / justinstolpe
Twitter ⇝ / justin_stolpe
LinkedIn ⇝ / justin-stolpe-3bb05426
Reddit ⇝ / jstolpe
Twitch ⇝ / jstolpe
Facebook ⇝ / stolpejustin
Website ⇝ https://justinstolpe.com
——
Chapters
0:00 Intro
0:15 Overview/Demo
0:58 Code Setup
2:29 Loading Overlay Container
4:22 Loading Animated Rotating Logo
6:17 Loader JavaScript Helper
19:31 Recap/Outro
——
#programming #developer #coding #helloworld #loading #loader #programmingtutorial