Select Page
Lorem Ipsum – Text

Lorem Ipsum – Text

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 Naming

BEM – Block Element Modifier Naming

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

Parallax Sections

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 Responsive Layout Template

Story Page Responsive Layout Template

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...
How to create a slide-in menu using HTML, CSS, jQuery

How to create a slide-in menu using HTML, CSS, jQuery

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...
How to change scrollbar color?

How to change scrollbar color?

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...
How to create your own animation for Bootstrap 4 Modal?

How to create your own animation for Bootstrap 4 Modal?

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...