[{"data":1,"prerenderedAt":147},["ShallowReactive",2],{"search-all-posts":3,"settings-global":47,"\u002Fblog\u002F2022-07-23-mijn-favoriete-mac-apps-2022":70},[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":35,"authors":72,"body":73,"date":139,"description":36,"draft":67,"extension":140,"image":52,"meta":141,"navigation":142,"noindex":67,"path":37,"readingTime":133,"seo":143,"stem":144,"tags":145,"__hash__":146},"posts\u002Fblog\u002F2022-07-23-mijn-favoriete-mac-apps-2022.md",[49],{"type":74,"value":75,"toc":131},"minimark",[76,80,85,95,99,107,111,119,123],[77,78,79],"p",{},"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.",[81,82,84],"h2",{"id":83},"magnet","Magnet",[77,86,87,88,94],{},"Met ",[89,90,84],"a",{"href":91,"rel":92},"https:\u002F\u002Fapps.apple.com\u002Fus\u002Fapp\u002Fmagnet\u002Fid441258766",[93],"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.",[81,96,98],{"id":97},"shapr3d","Shapr3D",[77,100,101,102,106],{},"Misschien wel de meest gebruiksvriendelijke 3D modeling app. Ik gebruik ",[89,103,98],{"href":104,"rel":105},"https:\u002F\u002Fwww.shapr3d.com\u002F",[93]," 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.",[81,108,110],{"id":109},"visual-studio-code","Visual Studio Code",[77,112,113,114,118],{},"Deze app kan eigenlijk niet ontbreken. De code editor voor developers. ",[89,115,110],{"href":116,"rel":117},"https:\u002F\u002Fcode.visualstudio.com\u002F",[93]," 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.",[81,120,122],{"id":121},"figma","Figma",[77,124,125,126,130],{},"De moderne online design tool. ",[89,127,122],{"href":128,"rel":129},"https:\u002F\u002Fwww.figma.com\u002F",[93]," 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":132,"searchDepth":133,"depth":133,"links":134},"",2,[135,136,137,138],{"id":83,"depth":133,"text":84},{"id":97,"depth":133,"text":98},{"id":109,"depth":133,"text":110},{"id":121,"depth":133,"text":122},"2022-07-23T12:16:00.000Z","md",{},true,{"title":35,"description":36},"blog\u002F2022-07-23-mijn-favoriete-mac-apps-2022",[16],"5CZB9PirYSCL-x1751G9SdYFukmIX8IWzk67jWNtdzE",1780848345640]