[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"verticals":3,"tag-typography-1":44,"tags-all":82,"search-suggestions":201},[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},"01a0ec73-1ead-73da-8d85-b6b797fafb03","css-text-box-trim-headline-gap","Stop Fixing Headline Gaps With Negative Margins. Use `text-box-trim`",null,"Line-height reserves space for accent marks your headline never uses — a hand-tuned negative margin only fixes it for one font at one size. text-box-trim does, natively, from the font's own metrics.","\u002Fmedia\u002Fcovers\u002Fcss-text-box-trim-headline-gap.png",5,"2026-10-02T06:10:31.028Z",35,{"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},"webdev","Webdev",{"slug":72,"name":73,"color":50},"frontend","Frontend",{"slug":75,"name":76,"color":50},"typography","Typography",{"assessments":78},1,{"slug":48},{"page":78,"perPage":81,"total":78,"totalPages":78},12,[83,85,89,91,95,97,101,105,109,113,116,120,124,128,131,134,137,141,144,147,150,153,156,159,162,165,168,171,174,177,180,183,186,189,192,195,198],{"slug":69,"name":70,"color":50,"articles":84},119,{"slug":86,"name":87,"color":50,"articles":88},"javascript","Javascript",98,{"slug":72,"name":73,"color":50,"articles":90},78,{"slug":92,"name":93,"color":50,"articles":94},"tutorial","Tutorial",45,{"slug":63,"name":67,"color":50,"articles":96},39,{"slug":98,"name":99,"color":50,"articles":100},"typescript","Typescript",18,{"slug":102,"name":103,"color":50,"articles":104},"performance","Performance",14,{"slug":106,"name":107,"color":50,"articles":108},"react","React",13,{"slug":110,"name":111,"color":50,"articles":112},"node","Node",11,{"slug":114,"name":115,"color":50,"articles":112},"browser","Browser",{"slug":117,"name":118,"color":50,"articles":119},"html","Html",8,{"slug":121,"name":122,"color":50,"articles":123},"accessibility","Accessibility",7,{"slug":125,"name":126,"color":50,"articles":127},"nestjs","Nestjs",6,{"slug":129,"name":130,"color":50,"articles":127},"programming","Programming",{"slug":132,"name":133,"color":50,"articles":127},"grammar","Grammar",{"slug":135,"name":136,"color":50,"articles":53},"nextjs","Nextjs",{"slug":138,"name":139,"color":50,"articles":140},"nuxt","Nuxt",4,{"slug":142,"name":143,"color":50,"articles":140},"apis","Apis",{"slug":145,"name":146,"color":50,"articles":140},"vue","Vue",{"slug":148,"name":149,"color":50,"articles":43},"ssr","SSR",{"slug":151,"name":152,"color":50,"articles":43},"ai","Ai",{"slug":154,"name":155,"color":50,"articles":43},"security","Security",{"slug":157,"name":158,"color":50,"articles":43},"api","API",{"slug":160,"name":161,"color":50,"articles":43},"career","Career",{"slug":163,"name":164,"color":50,"articles":43},"beginners","Beginners",{"slug":166,"name":167,"color":50,"articles":43},"discuss","Discuss",{"slug":169,"name":170,"color":50,"articles":31},"async","Async",{"slug":172,"name":173,"color":50,"articles":31},"forms","Forms",{"slug":175,"name":176,"color":50,"articles":31},"dom","Dom",{"slug":178,"name":179,"color":50,"articles":31},"english","English",{"slug":181,"name":182,"color":50,"articles":31},"verbs","Verbs",{"slug":184,"name":185,"color":50,"articles":31},"spanish","Spanish",{"slug":187,"name":188,"color":50,"articles":31},"a1","A1",{"slug":190,"name":191,"color":50,"articles":31},"a2","A2",{"slug":193,"name":194,"color":50,"articles":31},"tenses","Tenses",{"slug":196,"name":197,"color":50,"articles":31},"turkish","Turkish",{"slug":199,"name":200,"color":50,"articles":31},"productivity","Productivity",[202,203,204,205,206,207,208,209,210,211,212,213],{"slug":69,"name":70,"articles":84},{"slug":86,"name":87,"articles":88},{"slug":72,"name":73,"articles":90},{"slug":92,"name":93,"articles":94},{"slug":63,"name":67,"articles":96},{"slug":98,"name":99,"articles":100},{"slug":102,"name":103,"articles":104},{"slug":106,"name":107,"articles":108},{"slug":114,"name":115,"articles":112},{"slug":110,"name":111,"articles":112},{"slug":117,"name":118,"articles":119},{"slug":121,"name":122,"articles":123}]