Blog
Select Page

Fadein Effect to Web Page on Page Load

Misc

Add the following styles to your stylesheet or as internal styles and you are ready.@keyframes pageFadeIn {  from { opacity:0; }  to { opacity:1; }}@-moz-keyframes pageFadeIn {  from { opacity:0; }  to { opacity:1; }}@-webkit-keyframes pageFadeIn...

Breakup Points – Media Queries Followed By Bootstrap 4

Misc

Here is a CSS media queries extracted from Bootstrap 4 – mobile first framework for website user-interface development. CSS Media Queries // Extra small devices (portrait phones, less than 576px) @media (max-width: 575.98px) { … } // Small devices...

Bootstrap 4 – Sass Mixins

Misc

// No media query necessary for xs breakpoint as it’s effectively `@media (min-width: 0) { … }` @include media-breakpoint-up(sm) { … } @include media-breakpoint-up(md) { … } @include media-breakpoint-up(lg) { … } @include...
How to disable pinch and zoom on a mobile web page?

How to disable pinch and zoom on a mobile web page?

Misc

pinch and zoom on mobile Pinch to zoom is when a user zooms in on a mobile or any other touch-enabled device by pinch-zooming the screen, allowing you to zoom/scale in and out. This function is mostly required to give web pages an app experience. You just need to...