I’m deciding how to crop an image for any aspect ratio using the Sanity’s hotspot and cropping feature. It’s for art direction for frontends. There's a post on

 if you want to see examples of it in action.

Or, check it out yourself in the studio. Play with how hotspots and cropping can alter the way the image looks on this post, and explore how easy it is to adjust and preview for the perfect fit.

Picture perfect cropping using hotspots

 is a JSON based rich text specification for modern content editing platforms. The rich text editor in Sanity Studio uses it and lets me embed data objects both inline and in between my text blocks. I can even have references in them so that my content backend warns me if I try to delete content that is linked to other things. I can also customize the editor with 

React components and paste-handling overrides

, it builds statically, but fetches new data when we have new content published in Studio.

My first introduction to portable text

Having all my blog posts as structured content and available over an API makes experimenting and exploration with new designs, frameworks, and technologies a natural (and fun) part of my process. 

 treats my content as data so I can author once, and express my content in any way I can imagine.

Blog.

Explorations powered by structured content

Comments:

More Stories

Picture perfect cropping using hotspots

My first introduction to portable text