[{"data":1,"prerenderedAt":374},["ShallowReactive",2],{"DefaultLayouten":3,"language-blog-page-page-i18n-slugs":134,"language-blog-page-page-en-5":135},{"app":4,"menu":31,"footer":66},{"githubUrl":5,"youtubeUrl":6,"linkedinUrl":7,"phoneNumber":8,"emailAddress":9,"legal":10,"addresses":20},"https:\u002F\u002Fgithub.com\u002Fvoorhoede\u002F","https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUCzHuhQVYFRixtQN2-swcuGg","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fde-voorhoede","+31 20 2610 954","post@voorhoede.nl",[11,14,17],{"title":12,"value":13},"KvK","56017235",{"title":15,"value":16},"BTW","NL851944620B01",{"title":18,"value":19},"IBAN","NL14TRIO0320142078",[21,26],{"address":22,"city":23,"googleMapsLink":24,"postalCode":25},"Koivistokade 70","Amsterdam","https:\u002F\u002Fwww.google.com\u002Fmaps\u002Fplace\u002FDe+Voorhoede+%7C+Front-end+Development\u002F@52.396847,4.8700823,17z\u002Fdata=!3m1!4b1!4m5!3m4!1s0x47c5e21d502d2d59:0xbf570944a96ebf45!8m2!3d52.347647!4d4.8502154","1013 BB",{"address":27,"city":28,"googleMapsLink":29,"postalCode":30},"Koornmarkt 22","Delft","https:\u002F\u002Fwww.google.nl\u002Fmaps\u002Fplace\u002FKoornmarkt+22,+2611+EG+Delft\u002F@52.0093477,4.3573054,17z\u002F","2611 EG",{"title":32,"callToActions":33,"links":39},"Site Menu",[34],{"id":35,"title":36,"link":37},"163140902","Contact",{"__typename":38},"ContactRecord",[40,46,51,56,61],{"id":41,"title":42,"link":43},"163140904","Impact",{"__typename":44,"slug":45},"PageRecord","impact",{"id":47,"title":48,"link":49},"163140905","Services",{"__typename":50},"ServiceOverviewRecord",{"id":52,"title":53,"link":54},"163140906","Cases",{"__typename":55},"CaseOverviewRecord",{"id":57,"title":58,"link":59},"163140908","About us",{"__typename":44,"slug":60},"about-us",{"id":62,"title":63,"link":64},"d6WdFJq2SOuc3dWtpibbXQ","Work at",{"__typename":44,"slug":65},"work-at",{"links":67,"copyrightTitle":93,"copyrightLabel":94,"copyrightLink":95,"privacyTitle":96,"privacyLabel":97,"privacyLink":98,"certificatesGrid":99},[68,71,74,77,82,85,88],{"id":69,"title":42,"link":70},"144185264",{"__typename":44,"slug":45},{"id":72,"title":48,"link":73},"144185265",{"__typename":50},{"id":75,"title":53,"link":76},"144185266",{"__typename":55},{"id":78,"title":79,"link":80},"144185267","Blog",{"__typename":81},"BlogPostOverviewRecord",{"id":83,"title":58,"link":84},"144185268",{"__typename":44,"slug":60},{"id":86,"title":36,"link":87},"144185269",{"__typename":38},{"id":89,"title":90,"link":91},"144185270","FAQ",{"__typename":44,"slug":92},"faq","Creative Commons licence and disclaimer","CC BY 4.0","https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby\u002F4.0\u002F","De Voorhoede privacy statement (pdf)","Privacy statement","https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1763455455-vh-isms-006-privacy-statement-de-voorhoede-en.pdf",[100,112,123],{"id":101,"image":102,"link":107},"Xq4bBfg_TZ6Fkjax9mkbLQ",{"url":103,"alt":104,"width":105,"height":106},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353463-b-corp-logo-black-rgb.png","B Corp logo",404,680,{"__typename":108,"id":109,"title":110,"url":111},"ExternalLinkRecord","fGW1ak8XQYaYDLkBSyncog","B Corp","https:\u002F\u002Fwww.bcorporation.net\u002Fen-us\u002Ffind-a-b-corp\u002Fcompany\u002Fde-voorhoede\u002F",{"id":113,"image":114,"link":119},"c5mCXRTiSraRIB25fw1p7Q",{"url":115,"alt":116,"width":117,"height":118},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353461-dda-boxlogo-black.png","Dutch Digital Agencies logo",627,480,{"__typename":108,"id":120,"title":121,"url":122},"P6Jh7B0cTv2cKyNEeKVWVQ","Dutch Digital Agencies","https:\u002F\u002Fdutchdigitalagencies.com\u002Fleden\u002Fde-voorhoede\u002F",{"id":124,"image":125,"link":129},"MT5SCyNxSTSr_v5eeATMZw",{"url":126,"alt":127,"width":128,"height":128},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1775730283-dnv.png","DNV logo",518,{"id":130,"title":131,"link":132},"BRtNB5HnT5i-7HkA8IYzBw","DIV",{"__typename":44,"slug":133},"impact\u002Fdigitale-producten-privacy-by-design",null,{"page":136,"items":171,"itemsMeta":351,"tags":353,"tag":134},{"title":79,"social":137,"subtitle":140,"description":141,"headerIllustration":134,"pinnedPosts":142,"pivots":159},{"title":138,"description":139,"image":134},"Blog | De Voorhoede","Find out how we approach our projects and what techniques we use.","We love the web","In our blog posts you’ll read how we approach our projects and what techniques we use.",[143],{"slug":144,"social":145,"title":150,"date":151,"authors":152},"how-to-select-framework-design-system-components",{"title":146,"description":147,"image":148},"How to select a Framework for Design System Components","Which technology or framework do you select for your design system? We looked at a setup with Stencil and PReact. Read about our conclusion. ",{"url":149},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1670852538-linkedin-post-2.jpg","How to select a framework for design system components","2022-12-12T01:00:00.000+01:00",[153],{"name":154,"image":155},"Jasper",{"url":156,"alt":134,"width":157,"height":158},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535518-jasper.jpg",1892,2523,[160],{"title":161,"body":162,"links":163,"mailchimpValue":170,"mailchimpName":170,"mailchimpId":170,"formType":170,"contactPerson":134},"Also in love with the web?","\u003Cp>For us, that’s about technology and user experience. Fast, available for all, enjoyable to use. And fun to build. This is how our team bands together, adhering to the same values, to make sure we achieve a solid result for clients both large and small. Does that fit you?\u003C\u002Fp>\n",[164],{"__typename":165,"id":166,"title":167,"link":168},"InternalLinkRecord","163140992","Join our team",{"__typename":44,"slug":169},"jobs","",[172,186,196,205,221,232,242,256,267,278,289,300,310,319,328,337],{"slug":173,"social":174,"title":177,"date":178,"authors":179},"quick-prototyping-with-a-component-library",{"title":175,"description":176,"image":134},"Quick prototyping with a component library | De Voorhoede","Using an agile methodology and component based development to create prototypes quickly.","Quick prototyping with a component library","2017-10-04T02:00:00.000+02:00",[180],{"name":181,"image":182},"Bas",{"url":183,"alt":134,"width":184,"height":185},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534636-placeholder.jpg",1235,1646,{"slug":187,"social":188,"title":189,"date":191,"authors":192},"building-a-progressively-enhanced-autocomplete-field",{"title":189,"description":190,"image":134},"Building a progressively enhanced autocomplete field","Progressive enhancement and accessibility in practice","2017-04-07T02:00:00.000+02:00",[193],{"name":194,"image":195},"Jeroen",{"url":183,"alt":134,"width":184,"height":185},{"slug":197,"social":198,"title":199,"date":201,"authors":202},"fighting-front-end-fatigue-with-tooling-recipes",{"title":199,"description":200,"image":134},"Fighting front-end fatigue with tooling recipes","To fight front-end fatigue, we started a repository of tooling recipes to help you use modern technology in any project","2017-03-17T01:00:00.000+01:00",[203],{"name":154,"image":204},{"url":156,"alt":134,"width":157,"height":158},{"slug":206,"social":207,"title":212,"date":213,"authors":214},"artsy-piece-of-data",{"title":208,"description":209,"image":210},"Artsy piece of data | De Voorhoede","Aesthetically pleasing real-time data visualisation of NPO streams",{"url":211},"https:\u002F\u002Fwww.datocms-assets.com\u002F2651\u002F1500890708-artsy-data.gif","Artsy piece of data","2017-02-03T01:00:00.000+01:00",[215],{"name":216,"image":217},"Peter",{"url":218,"alt":134,"width":219,"height":220},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1744374527-peter-edit.jpg",1381,1839,{"slug":222,"social":223,"title":226,"date":227,"authors":228},"the-importance-of-an-interaction-engineer",{"title":224,"description":225,"image":134},"The importance of an Interaction Engineer | De Voorhoede","Interaction Engineers are becoming increasingly important. Building web UIs is more and more demanding from both a technical & an interaction design standpoint.","The importance of an Interaction Engineer","2017-01-16T01:00:00.000+01:00",[229],{"name":230,"image":231},"Tjerk",{"url":183,"alt":134,"width":184,"height":185},{"slug":233,"social":234,"title":237,"date":238,"authors":239},"improving-accessibility-for-the-blind-8-guidelines",{"title":235,"description":236,"image":134},"8 Easy Tips for Improving A11y for The Blind | De Voorhoede","We present 8 guidelines on how to easily build an accessible website for the blind. This includes keyboard usability, using headings and more. ","Improving accessibility for the blind: 8 guidelines","2016-12-27T01:00:00.000+01:00",[240],{"name":181,"image":241},{"url":183,"alt":134,"width":184,"height":185},{"slug":243,"social":244,"title":247,"date":248,"authors":249},"creating-html-email-templates-from-scratch",{"title":245,"description":246,"image":134},"Creating HTML email templates from scratch | De Voorhoede","A case study on creating email templates, some of the problems we encountered and how we solved them.","Creating HTML email templates from scratch","2016-12-21T01:00:00.000+01:00",[250],{"name":251,"image":252},"Vincent",{"url":253,"alt":134,"width":254,"height":255},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535345-vincent.jpg",2252,3003,{"slug":257,"social":258,"title":261,"date":262,"authors":263},"instant-static-web-pages-with-service-worker",{"title":259,"description":260,"image":134},"Instant Static Web Pages with Service Worker | De Voorhoede","Cache all the things, even your HTML. That's how we made our static web site instant and even working offline.","Instant static web pages with Service Worker","2016-12-08T01:00:00.000+01:00",[264],{"name":265,"image":266},"Declan",{"url":183,"alt":134,"width":184,"height":185},{"slug":268,"social":269,"title":272,"date":273,"authors":274},"static-site-implosion-with-brotli-and-gzip",{"title":270,"description":271,"image":134},"Static site implosion with Brotli and Gzip | De Voorhoede","A case study for improving page load times using maximum file pre-compression on acceptance.voorhoede.nl","Static site implosion with Brotli and Gzip","2016-11-28T01:00:00.000+01:00",[275],{"name":276,"image":277},"Thadee",{"url":183,"alt":134,"width":184,"height":185},{"slug":279,"social":280,"title":283,"date":284,"authors":285},"building-a-modular-front-end-in-dotnet-core",{"title":281,"description":282,"image":134},"Building a modular front-end in .NET Core | De Voorhoede","Front-end developers like to work with Node, but we also like having options. That’s why we ported our stack for a .NET environment.","Building a modular front-end in .NET Core","2016-11-16T01:00:00.000+01:00",[286],{"name":287,"image":288},"Joao",{"url":183,"alt":134,"width":184,"height":185},{"slug":290,"social":291,"title":294,"date":295,"authors":296},"5-tips-for-effective-daily-standups",{"title":292,"description":293,"image":134},"5 tips for effective daily standups | De Voorhoede","Daily standup meetings can sometimes feel long, repetitive or even like a waste of time. Here are some tips to get more out of your standup meeting","5 tips for effective daily standups","2016-08-01T02:00:00.000+02:00",[297],{"name":298,"image":299},"Reinout",{"url":183,"alt":134,"width":184,"height":185},{"slug":301,"social":302,"title":305,"date":306,"authors":307},"why-our-website-is-faster-than-yours",{"title":303,"description":304,"image":134},"Why our website is faster than yours | De Voorhoede","Our secrets revealed to getting a blazing fast website.","Why our website is faster than yours","2016-07-16T02:00:00.000+02:00",[308],{"name":265,"image":309},{"url":183,"alt":134,"width":184,"height":185},{"slug":311,"social":312,"title":313,"date":315,"authors":316},"progressive-enhancement-for-javascript-app-develope",{"title":313,"description":314,"image":134},"Progressive Enhancement for JavaScript App Developers","Build JS apps responsibly - cover your basics, render strategically and enhance into true apps.","2016-06-14T02:00:00.000+02:00",[317],{"name":154,"image":318},{"url":156,"alt":134,"width":157,"height":158},{"slug":320,"social":321,"title":322,"date":324,"authors":325},"how-to-keep-your-projects-fresh-and-clients-happy",{"title":322,"description":323,"image":134},"How to keep your projects fresh, and clients happy","Get high team morale, quality code, and fresh thinking by rotating developers frequently","2016-04-28T02:00:00.000+02:00",[326],{"name":287,"image":327},{"url":183,"alt":134,"width":184,"height":185},{"slug":329,"social":330,"title":331,"date":333,"authors":334},"performance-matters-at-fronteers-spring-conference",{"title":331,"description":332,"image":134},"Performance matters at Fronteers spring conference","A short resume of a full day of interesting talks about web performance.","2016-04-15T02:00:00.000+02:00",[335],{"name":230,"image":336},{"url":183,"alt":134,"width":184,"height":185},{"slug":338,"social":339,"title":342,"date":343,"authors":344},"9-ways-to-improve-collaboration-between-developers",{"title":340,"description":341,"image":134},"How to improve collaboration between developers & designers","As front-end developers, we work closely together with designers every day. To get the best out of each other, we came up with these guidelines.","9 ways to improve collaboration between developers and designers","2016-03-30T02:00:00.000+02:00",[345],{"name":346,"image":347},"Anne",{"url":348,"alt":134,"width":349,"height":350},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535114-anne.jpg",1823,2431,{"count":352},96,[354,358,362,366,370],{"id":355,"title":356,"slug":357},"WTPJX79URE-O5lpWLJeEHg","Headless CMS","headless-cms",{"id":359,"title":360,"slug":361},"JBiZUe8mQVujxlNVR5gx8Q","Design Systems","design-systems",{"id":363,"title":364,"slug":365},"HgWm8aCCRMWWS0eqggo5xg","Accessibility ","accessibility",{"id":367,"title":368,"slug":369},"NJN9K2rdSY2pn9MvchHLtw","Strategy","strategy",{"id":371,"title":372,"slug":373},"b-HOCOQTRJKMsff0UxhDcg","Web performance ","web-performance",1776256139890]