Animista CSS Animations

Misc

Home Page – Animista Animista is a place where you can play with a collection of ready-to-use CSS animations, tweak them and download only those you will actually use. http://animista.net/

Exit Intent Popup – jQuery

Misc

https://www.jqueryscript.net/tags.php?/Exit%20Intent%20popup/ All the Free jQuery Plugins about the ‘Exit Intent popup’ are listed here. Screenshot of the page

Text Animations with Blast JS & Velocity JS

Misc

Blast JS just explodes a string and wraps up the words or characters with span or div so you can animate them individually with different timing to produce awesome text animations. I used the following method on one of my client’s projects: I used blast js to...

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?

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