[{"data":1,"prerenderedAt":124},["ShallowReactive",2],{"search-entries":3,"settings-global":47,"layout-content-page-\u002Ftag\u002Fshopify":51,"layout-content-post-\u002Ftag\u002Fshopify":51,"i-lucide:arrow-left":75,"navigation-pages":79,"tag-posts-shopify":84,"authors-global":122},[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",{"left":76,"top":76,"width":77,"height":77,"rotate":76,"vFlip":70,"hFlip":70,"body":78},0,24,"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"\u002F>",[80,82],{"path":63,"draft":81},true,{"path":83,"draft":81},"\u002Fstyles",[85,92,98,104,109,114,118],{"title":5,"description":6,"path":7,"tags":86,"date":87,"image":88,"authors":89,"readingTime":91},[9],"2017-04-18T11:00:00.000Z","\u002Fresponsive-aspect-ratio-in-css.png",[90],"roy",1,{"title":11,"description":12,"path":13,"tags":93,"date":94,"image":95,"authors":96,"readingTime":97},[15,16],"2018-04-21T13:00:00.000Z","\u002Fsketch-plugin-tips-voor-een-snellere-workflow.jpg",[90],2,{"title":18,"description":19,"path":20,"tags":99,"date":100,"image":101,"authors":102,"readingTime":103},[22],"2018-06-11T13:00:00.000Z","\u002Fwebkit-naar-watchos-5.png",[90],3,{"title":24,"description":25,"path":26,"tags":105,"date":106,"image":107,"authors":108,"readingTime":103},[9],"2019-01-20T14:00:00.000Z","\u002Fcss-variabelen-en-preprocessor-variabelen.jpg",[90],{"title":29,"description":30,"path":31,"tags":110,"date":111,"image":112,"authors":113,"readingTime":103},[33,15],"2019-04-29T13:00:00.000Z","\u002Fadobe-xd-en-line-height.jpg",[90],{"title":35,"description":36,"path":37,"tags":115,"date":116,"image":51,"authors":117,"readingTime":97},[16],"2022-07-23T12:16:00.000Z",[90],{"title":40,"description":41,"path":42,"tags":119,"date":120,"image":51,"authors":121,"readingTime":91},[44,45,46],"2026-02-14T12:00:00.000Z",[90],[123],{"slug":90,"name":49,"bio":52,"image":50},1785620948626]