Once upon a time, I might have had to begrudgingly tell a designer this type of layout wouldn’t work well on a responsive web page which needs to function across a range of screen sizes, but not anymore!
The first step…
Shopify’s slate, especially the new v1 release, is a great tool to improve the Shopify theme development workflow. For me one of the core benefits is getting to use new language features and organise JS code into different folders with ES6 imports.
Slate comes with a load more features out the box like a local development server, organising SVG’s into snippet includes and code splitting using template and layout bundles. This is great for building out new theme’s and keeping all the code organised and efficiently optimised. …
Popmotion Pose is described as a “Declarative motion system for HTML, SVG, React & React Native”, it builds upon the author Matt Perry’s work on Popmotion to expose a simple way to declare animations. In this article we’re going to look at how it can be used with React via react-pose to effortlessly build animations with React that look great.
Rather than providing independent examples I’m going to start from scratch taking you through how to add advanced custom animations to an actual React project.
This article presumes basic knowledge of using the command line and creating React apps.
Web developer and maker writing about creating things for the web.