smoothState.js is a jQuery plugin that progressively enhances page loads to give us control over page transitions. If the user's browser doesn't have the required features, smoothState.js fades into the background and never runs. Imagine, for a second, how disorienting it would be if touching a doorknob teleported you to the other side of the door. Navigating the web feels like using a teleporting doorknob. Layouts change, elements rearrange or disappear, and it takes time for the user to adjust. Smooth transitions reduce the effort it takes for users to get settled into a new environment. Javascript SPA frameworks, sometimes referred to as MVC frameworks, are a common way to solve this issue. These frameworks often lose the benefits of unobtrusive code. Writing unobtrusive javascript gives us more resilience to errors, and improved performance and accessibility. smoothState.js provides hooks that can be used to choreograph how elements enter and exit the page during navigation.
Features
- smoothState.js provides hooks that can be used to choreograph how elements enter and exit the page during navigation
- It uses the time the animations are running to fetch content via AJAX to inject into the page
- SmoothState.js doesn't dictate how things on the page should be animated
- It supports CSS animations, as well as JS animation libraries like velocity.js
- smoothState.js initializes on containers, not links
- The project's main goal is to allow developers to add page transitions without having to add any logic to the backend