https://github.com/albinotonnina/scrollytelling
Experimental layout
https://github.com/albinotonnina/scrollytelling
javascript layout react scrolling scrollmagic styled-components ui
Last synced: 6 days ago
JSON representation
Experimental layout
- Host: GitHub
- URL: https://github.com/albinotonnina/scrollytelling
- Owner: albinotonnina
- Created: 2017-12-07T19:35:17.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-01-21T22:32:02.000Z (over 7 years ago)
- Last Synced: 2025-04-10T22:35:01.294Z (2 months ago)
- Topics: javascript, layout, react, scrolling, scrollmagic, styled-components, ui
- Language: JavaScript
- Homepage: https://scrollytelling.herokuapp.com
- Size: 493 KB
- Stars: 7
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.MD
Awesome Lists containing this project
README
# React, HMR, Parcel, Scrollama
Scrollytelling Layout. Made with React, loosely based on [this example on Scrollama](https://russellgoldenberg.github.io/scrollama/sticky-js/)
#### Because scrollin is fun!
### [View it on Heroku](https://scrollytelling.herokuapp.com/)
bundled with 📦[Parcel Bundler](https://parceljs.org)
crafted with [Scrollama](https://github.com/russellgoldenberg/scrollama)
and [anime](https://github.com/juliangarnier/anime)
## Getting started
Clone, install deps and start
```
yarn
yarn start
```
Open `http://localhost:1234`
#### References
https://pudding.cool/process/how-to-implement-scrollytelling/ by [Russel Gildenberg](https://twitter.com/codenberg)
[Animation, Pacing, Exposition](https://www.youtube.com/watch?v=Z4tB6qyxHJA) by [Tony Chu](https://twitter.com/tonyhschu)
### TODO
#### media queries