[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"verticals":3,"tag-forms-1":44,"search-suggestions":82,"tags-all":121},[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},"01a066ea-291a-77d8-aef4-d310318f61a9","css-user-invalid-native-form-validation-timing","Your Required Field Turns Red Before You Type Anything",null,"A signup form's email input shows a red border the instant the page loads — before the visitor has typed a single character. The obvious CSS causes it, and the obvious fix is a native pseudo-class nobody reaches for first.","\u002Fmedia\u002Fcovers\u002Fcss-user-invalid-native-form-validation-timing.png",5,"2026-09-08T10:56:30.073Z",20,{"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},"forms","Forms",{"slug":72,"name":73,"color":50},"webdev","Webdev",{"slug":75,"name":76,"color":50},"frontend","Frontend",{"assessments":78},1,{"slug":48},{"page":78,"perPage":81,"total":78,"totalPages":78},12,[83,85,89,91,93,97,100,104,108,112,115,118],{"slug":72,"name":73,"articles":84},86,{"slug":86,"name":87,"articles":88},"javascript","Javascript",70,{"slug":75,"name":76,"articles":90},69,{"slug":63,"name":67,"articles":92},31,{"slug":94,"name":95,"articles":96},"tutorial","Tutorial",19,{"slug":98,"name":99,"articles":81},"performance","Performance",{"slug":101,"name":102,"articles":103},"typescript","Typescript",11,{"slug":105,"name":106,"articles":107},"react","React",10,{"slug":109,"name":110,"articles":111},"browser","Browser",6,{"slug":113,"name":114,"articles":111},"grammar","Grammar",{"slug":116,"name":117,"articles":53},"html","Html",{"slug":119,"name":120,"articles":53},"node","Node",[122,123,124,125,126,127,128,129,130,131,132,133,134,138,141,144,147,150,153,156,159,162,165,168,171,174,177,180,183],{"slug":72,"name":73,"color":50,"articles":84},{"slug":86,"name":87,"color":50,"articles":88},{"slug":75,"name":76,"color":50,"articles":90},{"slug":63,"name":67,"color":50,"articles":92},{"slug":94,"name":95,"color":50,"articles":96},{"slug":98,"name":99,"color":50,"articles":81},{"slug":101,"name":102,"color":50,"articles":103},{"slug":105,"name":106,"color":50,"articles":107},{"slug":113,"name":114,"color":50,"articles":111},{"slug":109,"name":110,"color":50,"articles":111},{"slug":119,"name":120,"color":50,"articles":53},{"slug":116,"name":117,"color":50,"articles":53},{"slug":135,"name":136,"color":50,"articles":137},"programming","Programming",4,{"slug":139,"name":140,"color":50,"articles":137},"accessibility","Accessibility",{"slug":142,"name":143,"color":50,"articles":43},"ai","Ai",{"slug":145,"name":146,"color":50,"articles":43},"apis","Apis",{"slug":148,"name":149,"color":50,"articles":31},"nextjs","Nextjs",{"slug":151,"name":152,"color":50,"articles":31},"async","Async",{"slug":154,"name":155,"color":50,"articles":31},"english","English",{"slug":157,"name":158,"color":50,"articles":31},"verbs","Verbs",{"slug":160,"name":161,"color":50,"articles":31},"spanish","Spanish",{"slug":163,"name":164,"color":50,"articles":31},"a1","A1",{"slug":166,"name":167,"color":50,"articles":31},"a2","A2",{"slug":169,"name":170,"color":50,"articles":31},"tenses","Tenses",{"slug":172,"name":173,"color":50,"articles":31},"turkish","Turkish",{"slug":175,"name":176,"color":50,"articles":31},"career","Career",{"slug":178,"name":179,"color":50,"articles":31},"beginners","Beginners",{"slug":181,"name":182,"color":50,"articles":31},"productivity","Productivity",{"slug":184,"name":185,"color":50,"articles":31},"discuss","Discuss"]