Sometimes it'd be nice to have an app instead of a browser tab for a web service, but that site may not have a native Mac or Windows app. Using Nativefier command line tool, we can make our own app in just a few minutes!

As seen on the Azab site (or when you win at Solitaire), it's fairly straight forward to create a glitch-style collage that draws the image again and again whenever your user moves their mouse. In this video, we build up how to make a site that has a HTML canvas slideshow that reveals each image on click and has a tweening movement.

Mouse Move Glitch Collage Using HTML Canvas

Code

On the Friends With Benefits site, there's a great effect where each section sticks to the top of the page and other sections overlap it in a parallax style. In this tutorial, we talk about how it was achieved.

How to Turn Any Web Page into an App with Nativefier

Mouse Move Glitch Collage Using HTML Canvas

Parallax Overlapping Sections Using Sticky Positioning

Related posts

Ask a Project Manager #7: How Do I Land My First Digital Project Management Role?

Why Learning React is a Really Great Idea

How Do You Grow a Creative Business?

Want more? Sign up for our newsletter for more articles, resources, and fresh inspiration