Developing Fluid Engine

Developing Fluid Engine

摘要

Last month we shipped the biggest change to our core website editing experience in ten years: Fluid Engine, our newest drag-and-drop editor. Fluid Engine is a reimagining of Squarespace’s existing editing system that dramatically improves the usability of laying out blocks on a page while unlocking new design possibilities. We wanted to lean into familiar paradigms for moving and resizing, enabling freeform control of layouts while avoiding common pitfalls associated with absolutely positioning elements. This blog post addresses how we arrived at the implementation, in addition to walking through a few technical and user experience issues that were core to the development of this feature.