[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"sanity-JpTRKFv-ZAISJYqDfjzGqqJ3qwaMohy3rpy9Sya_Dz0":3},{"data":4,"sourceMap":-1},{"info":5,"latest":13,"pinned":203},{"_createdAt":6,"_id":7,"_rev":8,"_type":9,"_updatedAt":6,"descriptionText":10,"slug":11,"title":12},"2023-05-23T16:43:21Z","wp-tagcat-animation","9HpbCsT2tq0xwozQfkc4ih","blogTag",null,{"current":12},"animation",[14,76,116,147,171],{"_id":15,"author":16,"commentCount":35,"comments":36,"excerpt":37,"featureTag":10,"image":38,"publishedAt":41,"slug":42,"sponsored":10,"tags":44,"title":75},"wp-post-17681",[17,27],{"_id":18,"avatar":19,"name":24,"role":10,"slug":25},"wp-author-213",{"_type":20,"asset":21},"image",{"_ref":22,"_type":23},"image-e81c84dcaeb58be1002795a6544b595bd6fc8071-1024x1024-jpg","reference","Ben Popper",{"current":26},"benpopper",{"_id":28,"avatar":29,"name":32,"role":10,"slug":33},"wp-author-cap-17633",{"_type":20,"asset":30},{"_ref":31,"_type":23},"image-b650e8ac1685f03c7cd39f61125dbe6d0ec4724e-300x400-jpg","Jiwon Shin",{"current":34},"jiwon-shin",1,true,"In this session, we will turn our static drawings into animations!",{"_type":20,"asset":39},{"_ref":40,"_type":23},"image-a743776940b4b4a76ba838bdcf211688bcc56ca1-2400x1240-png","2021-03-23T19:27:21.000Z",{"current":43},"level-up-creative-coding-with-p5-js-part-2",[45,47,52,56,61,65,70],{"_createdAt":6,"_id":7,"_rev":8,"_type":9,"_updatedAt":6,"slug":46,"title":12},{"current":12},{"_createdAt":6,"_id":48,"_rev":8,"_type":9,"_updatedAt":6,"slug":49,"title":51},"wp-tagcat-code-for-a-living",{"current":50},"code-for-a-living","Code for a Living",{"_createdAt":6,"_id":53,"_rev":8,"_type":9,"_updatedAt":6,"slug":54,"title":55},"wp-tagcat-codecademy",{"current":55},"codecademy",{"_createdAt":6,"_id":57,"_rev":8,"_type":9,"_updatedAt":6,"slug":58,"title":60},"wp-tagcat-creative-coding",{"current":59},"creative-coding","creative coding",{"_createdAt":6,"_id":62,"_rev":8,"_type":9,"_updatedAt":6,"slug":63,"title":64},"wp-tagcat-drawing",{"current":64},"drawing",{"_createdAt":6,"_id":66,"_rev":8,"_type":9,"_updatedAt":6,"slug":67,"title":69},"wp-tagcat-level-up",{"current":68},"level-up","level up",{"_createdAt":6,"_id":71,"_rev":8,"_type":9,"_updatedAt":6,"slug":72,"title":74},"wp-tagcat-p5-js",{"current":73},"p5-js","p5.js","Level Up: creative coding with p5.js - part 2",{"_id":77,"author":78,"commentCount":87,"comments":36,"excerpt":88,"featureTag":10,"image":89,"publishedAt":91,"slug":92,"sponsored":10,"tags":94,"title":115},"wp-post-17629",[79,83],{"_id":18,"avatar":80,"name":24,"role":10,"slug":82},{"_type":20,"asset":81},{"_ref":22,"_type":23},{"current":26},{"_id":28,"avatar":84,"name":32,"role":10,"slug":86},{"_type":20,"asset":85},{"_ref":31,"_type":23},{"current":34},3,"In the second edition of our Level Up series, we explore how to create shapes, animations, and art using p5.js.",{"_type":20,"asset":90},{"_ref":40,"_type":23},"2021-03-16T19:39:53.000Z",{"current":93},"level-up-creative-coding-with-p5-js-part-1",[95,97,101,103,107,111,113],{"_createdAt":6,"_id":7,"_rev":8,"_type":9,"_updatedAt":6,"slug":96,"title":12},{"current":12},{"_createdAt":6,"_id":98,"_rev":8,"_type":9,"_updatedAt":6,"slug":99,"title":100},"wp-tagcat-art",{"current":100},"art",{"_createdAt":6,"_id":48,"_rev":8,"_type":9,"_updatedAt":6,"slug":102,"title":51},{"current":50},{"_createdAt":6,"_id":104,"_rev":8,"_type":9,"_updatedAt":6,"slug":105,"title":106},"wp-tagcat-creative",{"current":106},"creative",{"_createdAt":6,"_id":108,"_rev":8,"_type":9,"_updatedAt":6,"slug":109,"title":110},"wp-tagcat-education",{"current":110},"education",{"_createdAt":6,"_id":66,"_rev":8,"_type":9,"_updatedAt":6,"slug":112,"title":69},{"current":68},{"_createdAt":6,"_id":71,"_rev":8,"_type":9,"_updatedAt":6,"slug":114,"title":74},{"current":73},"Level Up: Creative coding with p5.js - part 1",{"_id":117,"author":118,"commentCount":119,"comments":36,"excerpt":120,"featureTag":10,"image":121,"publishedAt":124,"slug":125,"sponsored":10,"tags":127,"title":146},"wp-post-14876",[10],5,"",{"_type":20,"asset":122},{"_ref":123,"_type":23},"image-b7239df79d9659f7172a412ba24cf22e78a9dde3-2547x1177-jpg","2020-01-30T15:08:24.000Z",{"current":126},"micro-interactions-with-react-spring-part-3",[128,130,135,137,141],{"_createdAt":6,"_id":7,"_rev":8,"_type":9,"_updatedAt":6,"slug":129,"title":12},{"current":12},{"_createdAt":6,"_id":131,"_rev":8,"_type":9,"_updatedAt":6,"slug":132,"title":134},"wp-tagcat-bulletin",{"current":133},"bulletin","Bulletin",{"_createdAt":6,"_id":48,"_rev":8,"_type":9,"_updatedAt":6,"slug":136,"title":51},{"current":50},{"_createdAt":6,"_id":138,"_rev":8,"_type":9,"_updatedAt":6,"slug":139,"title":140},"wp-tagcat-react-spring",{"current":140},"react-spring",{"_createdAt":6,"_id":142,"_rev":8,"_type":9,"_updatedAt":6,"slug":143,"title":145},"wp-tagcat-stackoverflow",{"current":144},"stackoverflow","Stackoverflow","Micro-interactions with react-spring: Part 3",{"_id":148,"author":149,"commentCount":150,"comments":36,"excerpt":151,"featureTag":10,"image":152,"publishedAt":154,"slug":155,"sponsored":10,"tags":157,"title":170},"wp-post-14803",[10],2,"In the last article, we examined the basics of micro-interactions: what they are, why they’re important, and how to build one. In this tutorial, we’ll build something I have struggled with for many years: the animated navigation.",{"_type":20,"asset":153},{"_ref":123,"_type":23},"2020-01-23T13:48:00.000Z",{"current":156},"micro-interactions-with-react-spring-part-2",[158,160,162,164,168],{"_createdAt":6,"_id":7,"_rev":8,"_type":9,"_updatedAt":6,"slug":159,"title":12},{"current":12},{"_createdAt":6,"_id":131,"_rev":8,"_type":9,"_updatedAt":6,"slug":161,"title":134},{"current":133},{"_createdAt":6,"_id":48,"_rev":8,"_type":9,"_updatedAt":6,"slug":163,"title":51},{"current":50},{"_createdAt":6,"_id":165,"_rev":8,"_type":9,"_updatedAt":6,"slug":166,"title":167},"wp-tagcat-react",{"current":167},"react",{"_createdAt":6,"_id":142,"_rev":8,"_type":9,"_updatedAt":6,"slug":169,"title":145},{"current":144},"Micro-interactions with react-spring: Part 2",{"_id":172,"author":173,"commentCount":182,"comments":36,"excerpt":183,"featureTag":10,"image":184,"publishedAt":186,"slug":187,"sponsored":10,"tags":189,"title":202},"wp-post-14747",[174],{"_id":175,"avatar":176,"name":179,"role":10,"slug":180},"wp-author-259",{"_type":20,"asset":177},{"_ref":178,"_type":23},"image-231ef12e1df977904aed454c6251dca1b541297b-1024x1024-jpg","Emma Bostian",{"current":181},"ebostian",7,"In this series, we’ll examine how to take your application from ordinary to exceptional by implementing micro-interactions with react-spring so you won’t be stuck thinking “I really wish I knew how to add animations” any more.",{"_type":20,"asset":185},{"_ref":123,"_type":23},"2020-01-16T15:00:00.000Z",{"current":188},"how-to-create-micro-interactions-with-react-spring-part-1",[190,192,194,196,198,200],{"_createdAt":6,"_id":7,"_rev":8,"_type":9,"_updatedAt":6,"slug":191,"title":12},{"current":12},{"_createdAt":6,"_id":131,"_rev":8,"_type":9,"_updatedAt":6,"slug":193,"title":134},{"current":133},{"_createdAt":6,"_id":48,"_rev":8,"_type":9,"_updatedAt":6,"slug":195,"title":51},{"current":50},{"_createdAt":6,"_id":165,"_rev":8,"_type":9,"_updatedAt":6,"slug":197,"title":167},{"current":167},{"_createdAt":6,"_id":138,"_rev":8,"_type":9,"_updatedAt":6,"slug":199,"title":140},{"current":140},{"_createdAt":6,"_id":142,"_rev":8,"_type":9,"_updatedAt":6,"slug":201,"title":145},{"current":144},"How to create micro-interactions with react-spring: Part 1",[]]