https://github.com/applelo/frontend-resources
A readme with a lot of library and docs/articles
https://github.com/applelo/frontend-resources
Last synced: 7 months ago
JSON representation
A readme with a lot of library and docs/articles
- Host: GitHub
- URL: https://github.com/applelo/frontend-resources
- Owner: Applelo
- Created: 2021-06-29T14:15:58.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-06-29T14:41:39.000Z (about 5 years ago)
- Last Synced: 2025-02-07T15:15:33.108Z (over 1 year ago)
- Size: 3.91 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# frontend-resources
A readme with a lot of library and docs/articles already test and approuved by me 🙃
## Header
- [Headroom](https://github.com/WickyNilliams/headroom.js): A library to hide the header automaticallyÃ
## Carousel
- [Flickity](https://flickity.metafizzy.co/): Create quick and beautiful carousel
- [Swiper](https://github.com/nolimits4web/swiper): Complete carousel with a lot of options
## Typography
- [Blotter.js](https://blotter.js.org/): effect on typography
## Shaders
- [Book of shaders](https://thebookofshaders.com/): Everything you need to know for doing shaders
- [CurtainJS](https://www.curtainsjs.com): Shader lib
## Animation
- [anime.js](https://github.com/juliangarnier/anime/): A simple and complete animation library
- [GranimJS](https://github.com/sarcadass/granim.js): Complexe gradient background can be animate (repose on canva)
### Scroll
- [Sal](https://github.com/mciastek/sal): Animation on scroll already made
- [Laxjs](https://github.com/alexfoxy/lax.js): Apply transform/opacity/filter on scroll
## 3D
- [Babylon](https://github.com/BabylonJS/Babylon.js): A powerfull and efficient 3D lib
- [Zdog](https://zzz.dog/): A library to create light 3D element with shapes
## Images
- [Blurhash](https://github.com/woltapp/blurhash): Transform image into a small hash to create a representation of the image blured
## Poly/Ponyfill
I have selected only the best polyfill 😃
- [ObjectFitImages](https://github.com/fregante/object-fit-images): A polyfill for `object-fit`
- [CssVarsPonyfill](https://github.com/jhildenbiddle/css-vars-ponyfill): Ponyfill for css vars
- [Focus Visible](https://github.com/WICG/focus-visible): Polyfill for `:focus-visible`
- [Fetch](https://github.com/github/fetch): `fetch()` polyfill
- [Intersection Observer](https://github.com/w3c/IntersectionObserver): `IntersectionObserver` polyfill
## Tips
- Make tap 300ms faster on touch device: https://twitter.com/argyleink/status/1405881231695302659
- Prevent body scroll with iOS: https://benfrain.com/preventing-body-scroll-for-modals-in-ios/