[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"verticals":3,"tag-webperf-1":44,"search-suggestions":82,"tags-all":124},[4,20,32],{"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,{"id":33,"slug":34,"name":35,"tagline":36,"description":37,"accentFrom":38,"accentTo":39,"icon":40,"defaultLocale":13,"locales":41,"features":42,"position":43},"7b3c16f2-931d-410e-802e-e1fa4edab7de","soft","Soft Skills","The half of the job nobody wrote documentation for.","Weekly, on the parts of working life that decide more than your code does — first weeks, meetings, interviews, promotions, and the people around you. Written from what actually happens, and recorded as a podcast you can listen to on the walk.","emerald-400","teal-300","◉",[13],{"courses":18,"paths":18,"articles":17,"exams":18,"flashcards":18,"packages":18,"community":17,"certificates":18,"teams":18,"commerce":18},3,{"items":45,"meta":80},[46],{"id":47,"slug":48,"title":49,"subtitle":50,"excerpt":51,"coverUrl":52,"locale":13,"readingMinutes":53,"publishedAt":54,"viewCount":55,"likeCount":19,"commentCount":19,"author":56,"vertical":61,"topic":62,"tags":65,"_count":77,"playground":79,"hasQuiz":17,"hasPlayground":17},"01a1749f-22b7-73c8-9c8c-4074d47d2832","font-loading-api-font-display-cls","font-display: swap Fixes Invisible Text. It Also Shifts Your Layout.",null,"Setting font-display: swap kills the flash of invisible text, so most teams call the font-loading problem solved and move on. It doesn't — it just trades FOIT for a layout shift Lighthouse will happily dock you for. Here's the actual fix.","\u002Fmedia\u002Fcovers\u002Ffont-loading-api-font-display-cls.png",6,"2026-10-29T06:10:25.373Z",56,{"id":57,"name":58,"username":59,"avatarUrl":50,"headline":60},"019fe637-3c25-7088-9034-39c9f15dc3c8","Parsa Jiravand","parsa","Frontend engineer · building bestpractic",{"slug":6,"name":7,"accentFrom":10,"accentTo":11},{"slug":63,"name":64},"css","CSS",[66,68,71,74],{"slug":63,"name":67,"color":50},"Css",{"slug":69,"name":70,"color":50},"webperf","Webperf",{"slug":72,"name":73,"color":50},"webdev","Webdev",{"slug":75,"name":76,"color":50},"performance","Performance",{"assessments":78},1,{"slug":48},{"page":78,"perPage":81,"total":78,"totalPages":78},12,[83,85,89,93,97,99,101,105,109,113,116,120],{"slug":72,"name":73,"articles":84},158,{"slug":86,"name":87,"articles":88},"javascript","Javascript",129,{"slug":90,"name":91,"articles":92},"frontend","Frontend",89,{"slug":94,"name":95,"articles":96},"tutorial","Tutorial",61,{"slug":63,"name":67,"articles":98},47,{"slug":75,"name":76,"articles":100},27,{"slug":102,"name":103,"articles":104},"typescript","Typescript",22,{"slug":106,"name":107,"articles":108},"react","React",19,{"slug":110,"name":111,"articles":112},"programming","Programming",15,{"slug":114,"name":115,"articles":112},"browser","Browser",{"slug":117,"name":118,"articles":119},"node","Node",13,{"slug":121,"name":122,"articles":123},"html","Html",11,[125,126,127,128,129,130,131,132,133,134,135,136,137,141,145,149,152,156,159,162,165,168,171,175,178,181,184,187,190,193,196,199,202,205,208,211,214,217,220],{"slug":72,"name":73,"color":50,"articles":84},{"slug":86,"name":87,"color":50,"articles":88},{"slug":90,"name":91,"color":50,"articles":92},{"slug":94,"name":95,"color":50,"articles":96},{"slug":63,"name":67,"color":50,"articles":98},{"slug":75,"name":76,"color":50,"articles":100},{"slug":102,"name":103,"color":50,"articles":104},{"slug":106,"name":107,"color":50,"articles":108},{"slug":110,"name":111,"color":50,"articles":112},{"slug":114,"name":115,"color":50,"articles":112},{"slug":117,"name":118,"color":50,"articles":119},{"slug":121,"name":122,"color":50,"articles":123},{"slug":138,"name":139,"color":50,"articles":140},"accessibility","Accessibility",10,{"slug":142,"name":143,"color":50,"articles":144},"nextjs","Nextjs",9,{"slug":146,"name":147,"color":50,"articles":148},"nuxt","Nuxt",8,{"slug":150,"name":151,"color":50,"articles":148},"vue","Vue",{"slug":153,"name":154,"color":50,"articles":155},"nestjs","Nestjs",7,{"slug":157,"name":158,"color":50,"articles":155},"career","Career",{"slug":160,"name":161,"color":50,"articles":155},"discuss","Discuss",{"slug":163,"name":164,"color":50,"articles":53},"grammar","Grammar",{"slug":166,"name":167,"color":50,"articles":53},"beginners","Beginners",{"slug":169,"name":170,"color":50,"articles":53},"productivity","Productivity",{"slug":172,"name":173,"color":50,"articles":174},"ssr","SSR",4,{"slug":176,"name":177,"color":50,"articles":174},"security","Security",{"slug":179,"name":180,"color":50,"articles":174},"apis","Apis",{"slug":182,"name":183,"color":50,"articles":43},"ai","Ai",{"slug":185,"name":186,"color":50,"articles":43},"api","API",{"slug":188,"name":189,"color":50,"articles":31},"async","Async",{"slug":191,"name":192,"color":50,"articles":31},"forms","Forms",{"slug":194,"name":195,"color":50,"articles":31},"dom","Dom",{"slug":197,"name":198,"color":50,"articles":31},"backend","Backend",{"slug":200,"name":201,"color":50,"articles":31},"english","English",{"slug":203,"name":204,"color":50,"articles":31},"verbs","Verbs",{"slug":206,"name":207,"color":50,"articles":31},"spanish","Spanish",{"slug":209,"name":210,"color":50,"articles":31},"a1","A1",{"slug":212,"name":213,"color":50,"articles":31},"a2","A2",{"slug":215,"name":216,"color":50,"articles":31},"tenses","Tenses",{"slug":218,"name":219,"color":50,"articles":31},"turkish","Turkish",{"slug":221,"name":222,"color":50,"articles":31},"animation","Animation"]