[{"data":1,"prerenderedAt":173},["ShallowReactive",2],{"search-all-posts":3,"settings-global":47,"index":70,"home-blog-posts":145},[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.","\u002Fblog\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.","\u002Fblog\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!","\u002Fblog\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.","\u002Fblog\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.","\u002Fblog\u002F2020-04-29-adobe-xd-en-line-height",[33,15],"Adobe",{"title":35,"description":36,"path":37,"tags":38},"Mijn favoriete Mac apps 2022","MacOS en apps, ik zou niet zonder kunnen. Persoonlijk gebruik ik een handje vol apps die wellicht voor jou ook de moeite waard zijn.","\u002Fblog\u002F2022-07-23-mijn-favoriete-mac-apps-2022",[16],{"title":40,"description":41,"path":42,"tags":43},"Shopify en shop munteenheid symbool","Shopify's Liquid shop object met geneste currency object shop.currency.symbol werkt niet. Als workaround kan je het cart object gebruiken.","\u002Fblog\u002F2022-08-07-shopify-en-shop-munteenheid-symbol",[44,45,46],"Shopify","Snippets","Notities",{"id":48,"title":49,"description":50,"extension":51,"github_url":52,"lang":53,"linkedin_url":54,"meta":55,"navigation":56,"noindex":67,"stem":68,"__hash__":69},"settings\u002Fsettings.yaml","Roy","Inspiratie en slimme oplossingen voor Shopify & tech.","yaml",null,"nl","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Froy-van-neden-10549761",{},[57,60,63,65],{"title":58,"to":59},"Home","\u002F",{"title":61,"to":62},"Blog","\u002Fblog",{"title":45,"to":64},"https:\u002F\u002Fgist.github.com\u002Froyvn",{"title":66,"to":54},"LinkedIn",false,"settings","-UwRePwvcv6cIOnnqX6vHLS1vLrRiCvBGOSHiNv7qA0",{"id":71,"title":72,"body":73,"date":137,"description":138,"draft":67,"extension":139,"meta":140,"navigation":141,"noindex":67,"path":59,"seo":142,"stem":143,"tags":52,"__hash__":144},"index\u002Findex.md","Roy - Shopify expert en frontend engineer",{"type":74,"value":75,"toc":134},"minimark",[76,113,129],[77,78,81,85],"intro",{":openForWork":79,"heading":80},"false","Ik bouw Shopify winkels voor mooie merken",[82,83,84],"p",{},"Als frontend engineer bij Domaine help ik e-commerce merken met het bouwen van eigen storefronts op Shopify, van het eerste concept tot de realisatie.",[86,87,89,98],"template",{"v-slot:actions":88},"",[90,91,95],"button-link",{"color":92,"size":93,"variant":94,"to":62},"neutral","lg","outlined",[82,96,97],{},"Bekijk Blog",[90,99,104],{"color":100,"size":93,"variant":101,"href":102,"target":103},"primary","solid","https:\u002F\u002Fdomaineworldwide.com\u002Fnl","_blank",[82,105,106,107],{},"Meer over Domaine ",[108,109],"icon",{"className":110,"name":112},[111],"size-3.5","lucide:arrow-up-right",[114,115,119,122],"about",{":credentials":116,"heading":117,"label":118},"[{\"title\":\"Gecertificeerde Shopify developer\",\"sub\":\"Shopify Partner Program\",\"icon\":\"lucide:star\"},{\"title\":\"Gespecialiseerd in custom storefronts\",\"sub\":\"Liquid themeontwikkeling\",\"icon\":\"lucide:layout\"},{\"title\":\"12+ ervaring\",\"sub\":\"Frontend Shopify development\",\"icon\":\"lucide:info\"},{\"title\":\"Snel en betrouwbaar\",\"sub\":\"Performance-first development\",\"icon\":\"lucide:clock\"}]","Code & Commerce","Over mij",[82,120,121],{},"Met plezier werk ik aan Shopify-oplossingen voor merken met mooie producten en de ambitie om online te presteren.",[86,123,124],{"v-slot:cta":88},[90,125,126],{"color":92,"size":93,"variant":94,"href":54,"target":103},[82,127,128],{},"Bekijk LinkedIn",[130,131],"home-blog",{"label":132,"title":133},"Schrijfsels","Recente artikelen",{"title":88,"searchDepth":135,"depth":135,"links":136},2,[],"2026-01-01","Kennis, inspiratie en slimme oplossingen voor Shopify & tech.","md",{},true,{"title":72,"description":138},"index","QsRRczZc5hNeGnk2aobOsheF4ZQKu9YzUnhu9H1AqF0",[146,150,154,158,162,166,169],{"title":5,"description":6,"path":7,"tags":147,"date":148,"image":149},[9],"2017-04-18T11:00:00.000Z","\u002Fresponsive-aspect-ratio-in-css.png",{"title":11,"description":12,"path":13,"tags":151,"date":152,"image":153},[15,16],"2018-04-21T13:00:00.000Z","\u002Fsketch-plugin-tips-voor-een-snellere-workflow.jpg",{"title":18,"description":19,"path":20,"tags":155,"date":156,"image":157},[22],"2018-06-11T13:00:00.000Z","\u002Fwebkit-naar-watchos-5.png",{"title":24,"description":25,"path":26,"tags":159,"date":160,"image":161},[9],"2019-01-20T14:00:00.000Z","\u002Fcss-variabelen-en-preprocessor-variabelen.jpg",{"title":29,"description":30,"path":31,"tags":163,"date":164,"image":165},[33,15],"2019-04-29T13:00:00.000Z","\u002Fadobe-xd-en-line-height.jpg",{"title":35,"description":36,"path":37,"tags":167,"date":168,"image":52},[16],"2022-07-23T12:16:00.000Z",{"title":40,"description":41,"path":42,"tags":170,"date":171,"image":172},[44,45,46],"2022-08-07T11:00:00.000Z","\u002Fshopify-en-shop-munteenheid-symbol.jpg",1780848344530]