{"post":{"id":"5f455a53b9870f18f59a86dc","_id":"5f455a53b9870f18f59a86dc","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1598380471022/EzM-ruduW.jpeg","__typename":"PostCoverImage"},"slug":"animations-should-you-use-them-in-your-web-projects-or-apps","readTime":3,"replyCount":2,"responseCount":2,"brief":"Animation can be a great little trick for your design toolkit if used correctly. It needs to serve a purpose for the user and not get in the way of the contents. Animations should be smooth and seamless, not jumpy and mechanical.\nThe primary reason t...","subtitle":null,"isFeatured":false,"contributors":[{"_id":"5c6bcbbe6d4981e420b84ba6","name":"Shad Mirza","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1663070035311/JaSbIMfve.jpg","username":"iamshadmirza","__typename":"User"},{"_id":"5f4d36745cde85738158c193","name":"Ayodele Samuel Adebayo","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","username":"unclebigbay","__typename":"User"}],"bookmarked":false,"views":282,"url":"https://shaydeecoder.hashnode.dev/animations-should-you-use-them-in-your-web-projects-or-apps","totalReactions":31,"title":"Animations: Should You Use Them In Your Web Projects or Apps?","dateAdded":"2020-08-25T18:37:07.699Z","cuid":"ckeaak1u700rcxhs13ktnds4g","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","seo":{"title":null,"description":null,"__typename":"SEO"},"ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"_id":"5eb94bdedd088d056735d4b4","name":"Shaydee Coder","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1589201887442/YVY2VHLmt.jpeg","isPro":false,"username":"shaydeecoder","__typename":"User","tagline":"Frontend Developer"},"coAuthors":[],"series":null,"tags":[{"_id":"56744721958ef13879b948b4","logo":null,"name":"animations","slug":"animations","__typename":"Tag"},{"_id":"567c03e03f1768f6bf48a678","logo":null,"name":"CSS Animation","slug":"css-animation","__typename":"Tag"},{"_id":"56744722958ef13879b94ef0","logo":null,"name":"css3 animation","slug":"css3-animation","__typename":"Tag"},{"_id":"56744721958ef13879b948d4","logo":null,"name":"user experience","slug":"user-experience","__typename":"Tag"},{"_id":"5f058ab0c9763d47e2d2eedc","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082937737/ze6cYRSZ_.png","name":"2Articles1Week","slug":"2articles1week","__typename":"Tag"}],"publication":{"_id":"5f38e0230801bf3f76e5fa5f","url":"https://shaydeecoder.hashnode.dev","canonicalURL":"https://shaydeecoder.hashnode.dev","title":"Shaydee Coder's Blog","displayTitle":"","isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1627383475998/bCAIYcGKy.png","headerColor":"","metaTags":"\n","isTeam":false,"domainInfo":{"hashnodeSubdomain":"shaydeecoder","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"5f92a253c626a0545fb62071","author":{"_id":"5f4d36745cde85738158c193","name":"Ayodele Samuel Adebayo","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","isPro":true,"username":"unclebigbay","__typename":"User"},"content":{"html":"

Nice one bro

\n","markdown":"Nice one bro","text":"Nice one bro\n","__typename":"Content"},"dateAdded":"2020-10-23T09:28:51.878Z","stamp":"ckgm1y8bp09m2nzs14lh15b7y","totalReactions":1,"__typename":"Comment","replies":{"edges":[{"node":{"id":"5f92c5046aa1ed54804bba84","author":{"_id":"5eb94bdedd088d056735d4b4","name":"Shaydee Coder","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1589201887442/YVY2VHLmt.jpeg","isPro":false,"username":"shaydeecoder","__typename":"User"},"content":{"html":"

Thanks

\n","markdown":"Thanks","text":"Thanks\n","__typename":"Content"},"dateAdded":"2020-10-23T11:56:52.547Z","stamp":"ckgm78koy0adzows19k2sa02g","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"5f479d5c4d23213881de3c06","author":{"_id":"5c6bcbbe6d4981e420b84ba6","name":"Shad Mirza","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1663070035311/JaSbIMfve.jpg","isPro":true,"username":"iamshadmirza","__typename":"User"},"content":{"html":"

This was great Shaydee Coder
Thanks for sharing

\n","markdown":"This was great @[Shaydee Coder](@shaydeecoder) \nThanks for sharing","text":"This was great Shaydee CoderThanks for sharing\n","__typename":"Content"},"dateAdded":"2020-08-27T11:47:40.706Z","stamp":"ckecqt6w000165ts123d4auy8","totalReactions":0,"__typename":"Comment","replies":{"edges":[{"node":{"id":"5f47a2d44d23213881de3c8a","author":{"_id":"5eb94bdedd088d056735d4b4","name":"Shaydee Coder","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1589201887442/YVY2VHLmt.jpeg","isPro":false,"username":"shaydeecoder","__typename":"User"},"content":{"html":"

I'm glad it was helpful

\n","markdown":"I'm glad it was helpful","text":"I'm glad it was helpful\n","__typename":"Content"},"dateAdded":"2020-08-27T12:11:00.932Z","stamp":"ckecrn7b600575ts11eqg1z83","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"Mg==","__typename":"PageInfo"},"__typename":"PostCommentConnection"},"commenters":{"edges":[{"node":{"_id":"5c6bcbbe6d4981e420b84ba6","name":"Shad Mirza","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1663070035311/JaSbIMfve.jpg","isPro":true,"username":"iamshadmirza","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"5f4d36745cde85738158c193","name":"Ayodele Samuel Adebayo","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677222800340/7FWlpF0aT.jpeg","isPro":true,"username":"unclebigbay","__typename":"User"},"__typename":"PostCommenterEdge"}],"__typename":"PostCommenterConnection"}}}

Animations: Should You Use Them In Your Web Projects or Apps?

4 comments