Interactive Fluid Distortion Hover Effect

If you’re like me, and you probably are if you’re reading inspiring design blogs like this, you enjoy a good mouse effect. What am I talking about? You know – the dripping, slipping, cutting, blurring, smoking, and trailing as you scroll. The power of development today is truly unbelievable, but totally beautiful. Mouse effects add animation, character, and interest to any website or application. Want an example? Check out this interactive fluid distortion hover effect demo by Codrops, a web design and development blog. Man, look what code can do. Show me the demo now!


Image Source: Personal screenshot from 

reCAPTCHA V3, Just, Wow!

<iframe width=”560″ height=”315″ src=”” frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>

reCAPTCHA is a free service that protects your website from spam and abuse. reCAPTCHA uses an advanced risk analysis engine and adaptive challenges to keep automated software from engaging in abusive activities on your site. It does this while letting your valid users pass through with ease.

Check it Out.

Flow Charts from Cogle

Coggle is an online tool used to create Mind Maps. Their gallery offers inspiration and strategies to capture large collections of information. Creators of these Mind Maps have given permission to have them made public.

Check it out.

Design on Live Web Pages

Mod Dot is a browser extension, which will allow developers to make changes to a live website in DevTools, and share a link with stakeholders. The extension will track changes, allow code diffs and commentary all tracked in one central location. This plugin could very well alter the web design workflow for remote teams.

Check it out.

GitHub’s 404 Page

When GitHub goes down it can be a real problem. But this 404 page with a simple Star Wars parody with parallax effect when you move your mouse, can make you feel better about it.

Check it out.