Basic webpage preloader
Page preloaders are useful if you have a big landing page or a lot of content and pictures, videos, so the visitors are “entertained” while the page is loading.
Simple Preloader demo
Click on the picture to view the demo in the tab
Concept
Timing of the preloader is now static – but this is changed when you transfer to the live site, when you actually calculate when the page is loaded.
$(document).ready(function() {
setTimeout(function(){
$('body').addClass('loaded');
}, 2000);
});
CSS3
This is a CSS3 spinning preloader with very “goofy” filling to it. Usually the lines are very thin and elegant, but in this case we’ve gone overboard just to make a point.
Till next time, take care …
Tailwind CSS – Dream way of building UI and quick landing pages
This is a quick review and demo of the “utility style CSS framework” named “Tailwindcss” – https://tailwindui.com/ What is Tailwind CSS? Tailwind CSS is a utility-first CSS framework that provides […]
Blender 3D | Best way to start with 3D
It’s been a while since I done 3D stills and animations and 3D Blender seems to be perfect software to start, even if you have zero experience. I have to […]
Basic text scraping from websites in Python
In my experience, Python is a easier programming languages to start with, mostly because of syntax which is very readable and minimal. For python apps that means reduced cost of maintenance […]
Basic webpage preloader
Page preloaders are useful if you have a big landing page or a lot of content and pictures, videos, so the visitors are “entertained” while the page is loading. Concept Timing […]