Here are some cool examples of loading animations / spinners. DEMO Open demo in a full window – https://demos.webdevpuneet.com/css/css-spinners/index.html HTML <!DOCTYPE html> <html> <head> <title>SpinKit Examples</title> <link...
Google charts provide a variety of charts designed to address your data visualization needs. These charts are based on pure HTML5/SVG technology (adopting VML for old IE versions), so no plugins are required. All of them are interactive, and many are pannable and...
lorem ipsum text The standard Lorem Ipsum passage, used since the 1500s Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi...
BEM – Block Element Modifier Problem: There are only two hard problems in Computer Science: cache invalidation and naming things — Phil Karlton Solution: BEM — Block Element Modifier is a methodology that helps you to create reusable components and code...
parallax sections Will be updating it … DEMO Open demo in a full window – https://demos.webdevpuneet.com/parallax/index.html SOURCE <!DOCTYPE html> <html class=”no-js” lang=”en”> <head> <meta...
story page layout This is a single-page responsive HTML/CSS template that can be used to display stories with the main image at the center and the other three images with the title after the content. The template also contains background wallpaper that you can change...
In the following post, I will show you how I displayed a slide-in menu in one of my front-end UI development projects. DEMO Open demo in a full window – https://demos.webdevpuneet.com/slideinmenu/index.html HTML <html> <head> <title>Switch...
Blog
