[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"verticals":3,"search-suggestions":32,"tag-animation-1":78,"tags-all":108},[4,20],{"id":5,"slug":6,"name":7,"tagline":8,"description":9,"accentFrom":10,"accentTo":11,"icon":12,"defaultLocale":13,"locales":14,"features":16,"position":19},"019fe637-3d33-714b-b57f-23e163ffca0c","dev","Web Development","Read it. Run it. Prove it.","A post a day on modern web development — most with an editable playground and a quiz that explains every answer. Free, no account needed.","violet-500","cyan-400","◇","en",[13,15],"fa",{"courses":17,"paths":17,"articles":17,"exams":18,"flashcards":18,"packages":17,"community":17,"certificates":17,"teams":17,"commerce":17},true,false,0,{"id":21,"slug":22,"name":23,"tagline":24,"description":25,"accentFrom":26,"accentTo":10,"icon":27,"defaultLocale":13,"locales":28,"features":30,"position":31},"019fe637-3dc2-754c-8657-0f175bfee7c6","lang","Languages","Learn a language the way you learn a codebase.","Grammar explained the way good documentation explains an API — one idea at a time, each with a quiz.","amber-400","⌘",[13,15,29],"es",{"courses":18,"paths":18,"articles":17,"exams":18,"flashcards":17,"packages":18,"community":17,"certificates":17,"teams":18,"commerce":18},2,[33,37,41,44,48,52,56,60,64,68,72,75],{"slug":34,"name":35,"articles":36},"webdev","Webdev",55,{"slug":38,"name":39,"articles":40},"frontend","Frontend",49,{"slug":42,"name":43,"articles":40},"javascript","Javascript",{"slug":45,"name":46,"articles":47},"css","Css",20,{"slug":49,"name":50,"articles":51},"typescript","Typescript",10,{"slug":53,"name":54,"articles":55},"performance","Performance",8,{"slug":57,"name":58,"articles":59},"grammar","Grammar",6,{"slug":61,"name":62,"articles":63},"react","React",5,{"slug":65,"name":66,"articles":67},"node","Node",4,{"slug":69,"name":70,"articles":71},"ai","Ai",3,{"slug":73,"name":74,"articles":71},"html","Html",{"slug":76,"name":77,"articles":71},"tutorial","Tutorial",{"items":79,"meta":106},[80],{"id":81,"slug":82,"title":83,"subtitle":84,"excerpt":85,"coverUrl":86,"locale":13,"readingMinutes":59,"publishedAt":87,"viewCount":36,"likeCount":19,"commentCount":19,"author":88,"vertical":93,"topic":94,"tags":96,"_count":103,"playground":105,"hasQuiz":17,"hasPlayground":17},"019ff73a-ed77-732e-a13f-8be6d6939332","calc-size-animate-to-auto","I Can Finally Delete My max-height: 9999px Animation Hack",null,"CSS transitions have never been able to animate to height: auto, because auto isn't a number the engine can interpolate. calc-size() and interpolate-size finally give it real numbers — no JavaScript, no magic-number ceiling.","\u002Fmedia\u002Fcovers\u002Fcalc-size-animate-to-auto.png","2026-08-16T06:46:49.217Z",{"id":89,"name":90,"username":91,"avatarUrl":84,"headline":92},"019fe637-3c25-7088-9034-39c9f15dc3c8","Parsa Jiravand","parsa","Frontend engineer · building bestpractic",{"slug":6,"name":7,"accentFrom":10,"accentTo":11},{"slug":45,"name":95},"CSS",[97,98,99,100],{"slug":45,"name":46,"color":84},{"slug":34,"name":35,"color":84},{"slug":38,"name":39,"color":84},{"slug":101,"name":102,"color":84},"animation","Animation",{"assessments":104},1,{"slug":82},{"page":104,"perPage":107,"total":104,"totalPages":104},12,[109,110,111,112,113,114,115,116,117,118,119,120,121,124,127,130,133,136,139,142],{"slug":34,"name":35,"color":84,"articles":36},{"slug":38,"name":39,"color":84,"articles":40},{"slug":42,"name":43,"color":84,"articles":40},{"slug":45,"name":46,"color":84,"articles":47},{"slug":49,"name":50,"color":84,"articles":51},{"slug":53,"name":54,"color":84,"articles":55},{"slug":57,"name":58,"color":84,"articles":59},{"slug":61,"name":62,"color":84,"articles":63},{"slug":65,"name":66,"color":84,"articles":67},{"slug":69,"name":70,"color":84,"articles":71},{"slug":76,"name":77,"color":84,"articles":71},{"slug":73,"name":74,"color":84,"articles":71},{"slug":122,"name":123,"color":84,"articles":31},"async","Async",{"slug":125,"name":126,"color":84,"articles":31},"english","English",{"slug":128,"name":129,"color":84,"articles":31},"verbs","Verbs",{"slug":131,"name":132,"color":84,"articles":31},"spanish","Spanish",{"slug":134,"name":135,"color":84,"articles":31},"a1","A1",{"slug":137,"name":138,"color":84,"articles":31},"a2","A2",{"slug":140,"name":141,"color":84,"articles":31},"tenses","Tenses",{"slug":143,"name":144,"color":84,"articles":31},"turkish","Turkish"]