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...
Please have a look at the demo to get the CSS codes to change color of the scrollbar. The following example creates a thin (10px wide) scrollbar, which has a grey track/bar color and a red handle: Note: The -webkit-scrollbar is not supported by Firefox or IE and...
Hello there, today I met a situation where I had to change the animation of a bootstrap 4 modal and figured out this solution. I added a zoom-in animation with a playtime of 1.5 seconds to the modal. Please have a look at it in the demo below. DEMO Open demo in a full...