nean-stack-starter icon indicating copy to clipboard operation
nean-stack-starter copied to clipboard

Image aspect ratio and rotate option

Open CharlBest opened this issue 6 years ago • 0 comments

Improve image handling in app:

  1. Check if image is deleted from Firebase when removing from item/system
  2. Hide progress bar before and after upload
  3. Immediately show pic or placeholder after image selection
  4. item image order
  5. Use image rotation metadata accordingly
  6. Use the aspect ratio padding trick to give images a placeholder to prevent content reflow/jumping while loading images
  7. 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/
  8. Ability to clip image

CharlBest avatar Aug 30 '19 16:08 CharlBest