Applelo/frontend-resources

A readme with a lot of library and docs/articles

frontend-resources

A readme with a lot of library and docs/articles already test and approuved by me 🙃

Header

• Headroom: A library to hide the header automaticallyà

Carousel

• Flickity: Create quick and beautiful carousel
• Swiper: Complete carousel with a lot of options

Typography

• Blotter.js: effect on typography

Shaders

• Book of shaders: Everything you need to know for doing shaders
• CurtainJS: Shader lib

Animation

• anime.js: A simple and complete animation library
• GranimJS: Complexe gradient background can be animate (repose on canva)

Scroll

• Sal: Animation on scroll already made
• Laxjs: Apply transform/opacity/filter on scroll

3D

• Babylon: A powerfull and efficient 3D lib
• Zdog: A library to create light 3D element with shapes

Images

• 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: A polyfill for object-fit
• CssVarsPonyfill: Ponyfill for css vars
• Focus Visible: Polyfill for :focus-visible
• Fetch: fetch() polyfill
• Intersection Observer: 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/