photo grid

From IndieWeb
Jump to: navigation, search


photo grid is a visual display of a series of photo posts, typically 3 in a column, where only the photo of the post is visible, omitting the text.

IndieWeb Examples

manton.org

Manton Reece publishes a photo grid on his website at https://manton.org/photos manton-photo-grid.png

martymcgui.re

Marty McGuire publishes a photo grid on his website at https://martymcgui.re/photos Screenshot 2019-10-23 Marty McGuire Recent Photos.jpg

  • on hover, the text of the photo post appears with a translucent background over the photo
  • multi-photos are indicated with a little stacked icon in the top right corner

aaronparecki.com

Aaron Parecki publishes a photo grid on his website at https://aaronparecki.com/photos

aaronpk-photo-grid.png

  • multi-photos are indicated with a little stacked icon in the top right corner
  • some of the photos in the grid are from checkins, and there is no indicator of whether a post is a photo or checkin
  • Aaron Parecki: sometimes my post sorting includes a photo here that I don't want displayed in the grid, so I remove it from this page manually. (e.g. screenshots, some not so interesting photos in checkins)


christian.hockenberger.us

Christian Hockenberger publishes a photo grid on his website at https://christian.hockenberger.us/photo chobz-photo-grid.jpg

  • All images from the Post Type Image are displayed in the grid; images that should not be in the grid are posted via Post Type Note.
  • Images are lazy loaded and the grid displays 50 image on one page. Pagination is active
  • multi-photos are displayed with an icon like on an Instagram.

jgregorymcverry.com

Greg McVerry publishes photo grids at https://jgregorymcverry.com/photos Screen Shot 2019-10-28 at 10.56.32 AM.png

  • Each photo in the grid is an h-entry to allow for licensing on a per photo basis
  • A small note is added and available on hover with the date the photo was published

Silo Examples

Instagram

Instagram profiles display a photo grid.

instagram-photo-grid.png

See Also