Animate on scroll

Misc

/* Jump to section and play video   $(document).ready(function(){       var flag = true;       var vid = document.getElementById(“latest-project-video”);       var playvideo = true;       var slidedown = true;       function playVid() {         if(...

Responsive Auto-Updating Square Tile Gallery

Misc

Here I tried to create an auto-updating square tile gallery for one of my client’s projects whose ideas I am going the share below. The basic idea is to update individual squares and rectangles of the gallery look changing randomly. See the Pen Auto Updating...

Animate letters of a text using Blast.JS

Misc

Here I have used Blast.JS to encapsulate each letter of the text with <span> having a CSS property – ‘transition-delay’ value just a little later than the first letter and transformed it while clicking the animate button. You can play with this...

Dynamic form field using script HTML templates – Bootstrap, jQuery

Misc

Here is an example of how you can create a dynamic form field using HTML template inside a <script> tag. Browsers and screen readers ignore unrecognized script types like: <script id=”hidden” type=”text/x-custom-template”> <div...

Nice animations on scroll

Misc

Why do you need this? Certainly, you don’t want your website to be boring and irritate your users with too much information at one go. So you can include these animations to give an emotional touch to the content. Website Link...