nean-stack-starter
nean-stack-starter copied to clipboard
Image aspect ratio and rotate option
Improve image handling in app:
- Check if image is deleted from Firebase when removing from item/system
- Hide progress bar before and after upload
- Immediately show pic or placeholder after image selection
- item image order
- Use image rotation metadata accordingly
- Use the aspect ratio padding trick to give images a placeholder to prevent content reflow/jumping while loading images
- Add animation when switching between media/images and preloader spinner or skeleton if image is loading https://www.codecaptain.io/blog/web-development/responsive-images-and-preventing-page-reflow/474#targetText=Prevent%20reflow%20by%20specifying%20width,of%20the%20image%20as%20attributes.&targetText=In%20this%20case%2C%20the%20browser,around%20when%20the%20image%20loads. https://itnext.io/how-to-stop-content-jumping-when-images-load-7c915e47f576 https://css-tricks.com/preventing-content-reflow-from-lazy-loaded-images/
- Ability to clip image