[{"data":1,"prerenderedAt":207},["ShallowReactive",2],{"search-entries":3,"settings-global":47,"layout-content-page-\u002F2022-07-23-mijn-favoriete-mac-apps-2022":51,"layout-content-post-\u002F2022-07-23-mijn-favoriete-mac-apps-2022":75,"i-lucide:arrow-left":152,"navigation-pages":156,"authors-global":160,"\u002F2022-07-23-mijn-favoriete-mac-apps-2022":162},[4,10,17,23,28,34,39],{"title":5,"description":6,"path":7,"tags":8},"Responsive aspect ratio in CSS","Hoe maak je een responsive aspect ratio in CSS? Een aspect ratio is bijvoorbeeld toepasbaar op afbeeldingen, video’s, placeholders en iframes.","\u002F2017-04-18-responsive-aspect-ratio-in-css",[9],"CSS",{"title":11,"description":12,"path":13,"tags":14},"Sketch plugin tips voor een snellere workflow","Voor het versnellen van je workflow in Sketch, de digitale ontwerptool voor designers, zijn de volgende plugins interessant.","\u002F2018-04-21-sketch-plugin-tips-voor-een-snellere-workflow",[15,16],"Design","Productiviteit",{"title":18,"description":19,"path":20,"tags":21},"WebKit naar watchOS 5","Tijdens de WWDC 2018 van Apple was er een leuk nieuwtje. WebKit komt naar watchOS. Dit betekent dat je, zodra watchOS 5 uit is, web content kan gaan consumeren!","\u002F2018-06-11-webkit-naar-watchos-5",[22],"Apple",{"title":24,"description":25,"path":26,"tags":27},"CSS variabelen en preprocessor variabelen","In CSS zijn variabelen er voornamelijk om consistent hergebruikt te worden. De voor- en nadelen.","\u002F2019-01-20-css-variabelen-en-preprocessor-variabelen",[9],{"title":29,"description":30,"path":31,"tags":32},"Adobe XD en line-height","Als designer & developer werk je met verschillende tools. Hierbij loop je soms tegen dingen aan die je werkproces verstoren. Zo ook bij Adobe XD.","\u002F2020-04-29-adobe-xd-en-line-height",[33,15],"Adobe",{"title":35,"description":36,"path":37,"tags":38},"Mijn favoriete Mac apps 2022","Om de zoveel tijd is het de moeite waard om Mac apps te proberen die iets leuks toevoegen of je productiviteit verhogen. Dit jaar heb ik ook weer een lijstje met apps die ik met plezier gebruik.","\u002F2022-07-23-mijn-favoriete-mac-apps-2022",[16],{"title":40,"description":41,"path":42,"tags":43},"Array-index in een Shopify-metaobject list","Een metaobject-list-metafield in Shopify Liquid kun je niet betrouwbaar met een index uitlezen. Deze dubbele toepassing van het reverse-filter is een workaround.","\u002F2026-02-14-array-index-in-een-shopify-metaobject-list",[44,45,46],"Shopify","Liquid","Metaobjects",{"id":48,"title":49,"avatar_image":50,"banner_image":51,"description":52,"extension":53,"github_url":51,"lang":54,"linkedin_url":55,"meta":56,"navigation":57,"noindex":70,"open_for_work":70,"origin":71,"stem":72,"tagline":73,"__hash__":74},"settings\u002Fsettings.yaml","Roy","\u002Froy.jpeg",null,"Ik help mooie merken met Shopify, thema's en maatwerkoplossingen die goed werken én goed voelen. Daarnaast schrijf ik op mijn blog over technologie, design en dingen die ik interessant vind.","yaml","nl","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Froyvn",{},[58,61,64,67],{"title":59,"to":60},"Home","\u002F",{"title":62,"to":63},"Over","\u002Fover",{"title":65,"to":66},"Snippets","https:\u002F\u002Fgist.github.com\u002Froyvn",{"title":68,"to":69},"Domaine","https:\u002F\u002Fdomaineworldwide.com\u002Fnl?ref=roy",false,"https:\u002F\u002Froy.vanneden.nl","settings","Frontend Engineer @ Domaine","tf8ovhsPty76hKyv1-L8VwYyUCgt3Bu1SLXbbfQGwpM",{"id":76,"title":35,"authors":77,"body":79,"date":144,"description":36,"draft":70,"extension":145,"image":51,"meta":146,"navigation":147,"noindex":70,"path":37,"readingTime":138,"seo":148,"stem":149,"tags":150,"__hash__":151},"posts\u002F2022-07-23-mijn-favoriete-mac-apps-2022.md",[78],"roy",{"type":80,"value":81,"toc":136},"minimark",[82,85,90,100,104,112,116,124,128],[83,84,36],"p",{},[86,87,89],"h2",{"id":88},"magnet","Magnet",[83,91,92,93,99],{},"Met ",[94,95,89],"a",{"href":96,"rel":97},"https:\u002F\u002Fapps.apple.com\u002Fus\u002Fapp\u002Fmagnet\u002Fid441258766",[98],"nofollow"," kan je een venster naar een rand van je scherm slepen en je ziet in een preview hoe het venster gesnapt gaat worden. Zo organiseer je openstaande vensters met gemak. Zeker als je met grotere monitoren werkt is het een verbetering die je niet kan missen.",[86,101,103],{"id":102},"shapr3d","Shapr3D",[83,105,106,107,111],{},"Misschien wel de meest gebruiksvriendelijke 3D modeling app. Ik gebruik ",[94,108,103],{"href":109,"rel":110},"https:\u002F\u002Fwww.shapr3d.com\u002F",[98]," met regelmaat om klusplannen te maken. Normaal heeft een 3D app een flinke leercurve maar hier is dat niet het geval. Binnen enkele minuten heb je het door en kan je lekker aan de slag.",[86,113,115],{"id":114},"visual-studio-code","Visual Studio Code",[83,117,118,119,123],{},"Deze app kan eigenlijk niet ontbreken. De code editor voor developers. ",[94,120,115],{"href":121,"rel":122},"https:\u002F\u002Fcode.visualstudio.com\u002F",[98]," en de beschikbare extensies maken het geheel een fijne tool om mee te werken. De meeste tijd breng ik hier dan ook in door. Voor elke taal of framework is er wel een extensie beschikbaar die je productiviteit verhoogt.",[86,125,127],{"id":126},"figma","Figma",[83,129,130,131,135],{},"De moderne online design tool. ",[94,132,127],{"href":133,"rel":134},"https:\u002F\u002Fwww.figma.com\u002F",[98]," is gebruiksvriendelijk, alles zit op één plek en je kan realtime meekijken met designers en overleggen. Vooral in de tijd van thuiswerken met corona was dit makkelijk. Bij projecten momenteel mijn favoriet om een design te vertalen naar een echte website.",{"title":137,"searchDepth":138,"depth":138,"links":139},"",2,[140,141,142,143],{"id":88,"depth":138,"text":89},{"id":102,"depth":138,"text":103},{"id":114,"depth":138,"text":115},{"id":126,"depth":138,"text":127},"2022-07-23T12:16:00.000Z","md",{},true,{"title":35,"description":36},"2022-07-23-mijn-favoriete-mac-apps-2022",[16],"hDxsTYif0XSC3VJfWUrKtOf3hOBuEOlheotMc0c94gQ",{"left":153,"top":153,"width":154,"height":154,"rotate":153,"vFlip":70,"hFlip":70,"body":155},0,24,"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"\u002F>",[157,158],{"path":63,"draft":147},{"path":159,"draft":147},"\u002Fstyles",[161],{"slug":78,"name":49,"bio":52,"image":50},{"type":163,"document":164},"post",{"id":76,"title":35,"authors":165,"body":166,"date":144,"description":36,"draft":70,"extension":145,"image":51,"meta":204,"navigation":147,"noindex":70,"path":37,"readingTime":138,"seo":205,"stem":149,"tags":206,"__hash__":151},[78],{"type":80,"value":167,"toc":198},[168,170,172,177,179,184,186,191,193],[83,169,36],{},[86,171,89],{"id":88},[83,173,92,174,99],{},[94,175,89],{"href":96,"rel":176},[98],[86,178,103],{"id":102},[83,180,106,181,111],{},[94,182,103],{"href":109,"rel":183},[98],[86,185,115],{"id":114},[83,187,118,188,123],{},[94,189,115],{"href":121,"rel":190},[98],[86,192,127],{"id":126},[83,194,130,195,135],{},[94,196,127],{"href":133,"rel":197},[98],{"title":137,"searchDepth":138,"depth":138,"links":199},[200,201,202,203],{"id":88,"depth":138,"text":89},{"id":102,"depth":138,"text":103},{"id":114,"depth":138,"text":115},{"id":126,"depth":138,"text":127},{},{"title":35,"description":36},[16],1785620948591]