Improve gallery tag

[andybraren]

Image masonry galleries

Sounds like there's new CSS to natively support this, which is awesome.

https://css-tricks.com/adaptive-photo-layout-with-flexbox/

• https://twitter.com/lookingsideways/status/1073651901156212738
• Allow the user to upload multiple image files at once, creating a gallery of thumbnails
• Caption support, delete one image, add more images
• Option for a slight parallax effect, similar to Wallaroo app
• https://css-tricks.com/piecing-together-approaches-for-a-css-masonry-layout/
• Rearranging with something like Packery
  • https://github.com/haltu/muuri
• Possibly with CSS Grid?
• Possible with CSS Grid?
  • Not what it was built for
  • Discussion among leaders on GitHub
    • A pretty good JS-based flexbox implementation here
  • Rachel Andrew says pretty clearly that it's not built for it, and to look elsewhere for now
• https://medium.com/google-design/google-photos-45b714dfbed1
• https://flickity.metafizzy.co/
• https://github.com/lauriiii/grid-gallery
• https://forum.getkirby.com/t/markdown-grid-for-images/2624/
• https://goodies.pixabay.com/javascript/flex-images/demo.html
• https://medium.com/@_jh3y/how-to-pure-css-masonry-layouts-a8ede07ba31a
• Pure CSS implementation of Google Photos / 500px image layout xieranmaya/blog#6
• https://codepen.io/Kseso/full/ZJbEMe/
• https://medium.com/deemaze-software/css-grid-responsive-layouts-and-components-eee1badd5a2f
• Comic book image layout
  • This would require more control over where the lines appear. Maybe the artist would just make one big image instead though, so maybe this isn’t necessary?
• https://goodies.pixabay.com/javascript/flex-images/demo.html
• Existing plugins
  • Kirby Grid Gallery plugin
  • https://forum.getkirby.com/t/lightbox-gallery-plugin/8097
  • https://github.com/wottpal/kirby-lightbox-gallery/blob/master/README.md