An example of the breath of the effects we can use on gifs using only client side processing power and a responsive masonry layout with just css.
Check out it out here.
- Live postprocessing of gifs for a artsy busted tv effect using webgl shaders.
- Fully responsive gif grid using a CSS multi-column layout.
- Support lower load times on desktop using webps and dynamically changes to gifs for mobile support using
srcSet
over browser sniffing.
Clone the repository:
git clone git@github.com:agconti/tv.git
Install the projects dependencies:
npm i
Start the dev server
npm start