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 …
Magical automated way of doing animations – with Stable diffusion with Deforum extension
Let’s explore the magical of doing animations – automated and unpredicable. Yes, you input the text prompt and have general control, but the magical part is, that you let the […]
Stable diffusion AI – high resolution generated art
What is Stable Diffusion AI? Stable Diffusion is a deep learning, text-to-image model released in 2022. It is primarily used to generate detailed images conditioned on text descriptions, though it […]
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 […]