{"componentChunkName":"component---src-templates-tags-tsx","path":"/tags/frontend/","result":{"data":{"allMarkdownRemark":{"totalCount":1,"edges":[{"node":{"excerpt":"Most of us start by treating motion as polish: add a fade, a slide, a little bounce, ship it. But every moving pixel is a message. It says “this changed,” “this is related to that,” or “look here…","timeToRead":5,"fields":{"slug":"/motion-with-meaning/"},"frontmatter":{"date":"Nov 06, 2026","title":"Motion With Meaning: How Frontend Animation Shapes User Behavior","tags":["Animation","UX","Frontend","AI"],"description":"Good animation tells users what just happened and what to do next; bad animation makes them wait, or hides the answer behind a flourish.","cover":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNElEQVQoz62SC0/CMBSF+QM6Ge8xQAiT98bG2nvbTReRh4kaTfz//8VTZoyPIYkxOVma7n495962dLEQf1bpZEXZN7Lm4nz2RadhFJ1NY3yroaxFkHCIXEWNmI7CsMoXTSGvNmp6bzTZ68kuGa6TjlZHYTswcJvJf9TRSzLaqF5KTcH1SFWW9JG/ALYDCXl3LF4N5rIJ2Uv15bVuK25JWVuZgoKB2b4sL+Roy+GzdjV1EvLWarxLvTVg7iaEOI1Yov+8r9LnPhFmkHHwpNFqN+HhLZpMx1uNI7CP8IDxqwC2ZgKn+g8KU3UIpXqQ6f4N9zMjkMjiSONcEBu2070GVg3ZIdWSfLgVzuXAU1J9JStL2P6AkQQjtQPOZ3a4WFS/C2vsYN+8mYXR94HB3JrH//k8f9EbC+N+7vphJRgAAAAASUVORK5CYII=","aspectRatio":1.6,"src":"/static/ec6dde9e33497991a55085e5114d06d4/6cd5a/cover.png","srcSet":"/static/ec6dde9e33497991a55085e5114d06d4/48fd6/cover.png 160w,\n/static/ec6dde9e33497991a55085e5114d06d4/4f64e/cover.png 320w,\n/static/ec6dde9e33497991a55085e5114d06d4/6cd5a/cover.png 640w,\n/static/ec6dde9e33497991a55085e5114d06d4/ec92c/cover.png 960w,\n/static/ec6dde9e33497991a55085e5114d06d4/c84fe/cover.png 1280w,\n/static/ec6dde9e33497991a55085e5114d06d4/8c9a9/cover.png 1600w","srcWebp":"/static/ec6dde9e33497991a55085e5114d06d4/3afd6/cover.webp","srcSetWebp":"/static/ec6dde9e33497991a55085e5114d06d4/2339c/cover.webp 160w,\n/static/ec6dde9e33497991a55085e5114d06d4/ce064/cover.webp 320w,\n/static/ec6dde9e33497991a55085e5114d06d4/3afd6/cover.webp 640w,\n/static/ec6dde9e33497991a55085e5114d06d4/457c4/cover.webp 960w,\n/static/ec6dde9e33497991a55085e5114d06d4/3d014/cover.webp 1280w,\n/static/ec6dde9e33497991a55085e5114d06d4/fec72/cover.webp 1600w","sizes":"(max-width: 640px) 100vw, 640px"}}}}}}]}},"pageContext":{"tag":"Frontend"}},"staticQueryHashes":["3448555169","63159454"]}