[{"data":1,"prerenderedAt":220},["ShallowReactive",2],{"DefaultLayouten":3,"language-blog-slug-the-new-native-web-i18n-slugs":134,"language-blog-slug-en-the-new-native-web":138},{"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",[135],{"locale":136,"value":137},"en","the-new-native-web",{"page":139},{"slug":137,"i18nSlugs":140,"social":142,"title":143,"subtitle":147,"isArchived":148,"headerIllustration":149,"date":154,"authors":155,"introTitle":171,"items":172,"pivots":207,"relatedBlogPosts":218,"tags":219,"onMountedScript":158,"onUnmountedScript":158},[141],{"locale":136,"value":137},{"title":143,"description":144,"image":145},"New native web API's: Monetization and Animation","Watch the videos of our new native web meetup about the new Monetization and Web Animation API's",{"url":146},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1616680383-new-native-web-blog.jpg","Meetup",false,{"url":150,"alt":151,"width":152,"height":153},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1581071665-chatting-robot.png",null,989,438,"2021-03-25T01:00:00.000+01:00",[156,164],{"name":157,"lastName":158,"slug":159,"image":160},"Ben","","ben",{"url":161,"alt":151,"width":162,"height":163},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534636-placeholder.jpg",1235,1646,{"name":165,"lastName":158,"slug":166,"image":167},"Jasper","jasper",{"url":168,"alt":151,"width":169,"height":170},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535518-jasper.jpg",1892,2523,"Videos of our March 2021 New native web meetup",[173,177,181,192,196,203],{"__typename":174,"id":175,"title":158,"body":176},"TextSectionRecord","25531305","\u003Cp>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwyz80z6z78zz76zz84zz81zz122zrayz88z2tz83z1z82ztz76zz122zz90zkz65zz76zawz77zz70zz68zb\">Exciting times ahead! In this meetup we introduced two new native innovations to make \u003Ca href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fnl\u002Fservices\u002F\">web development\u003C\u002Fa> even more fun and efficient. We learned how\u003C\u002Fspan>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwyz80z6z78zz76zz84zz81zz122zrayz88z2tz83z1z82ztz76zz122zz90zkz65zz76zawz77zz70zz68zb s-ldquo\"> \u003C\u002Fspan>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwyz80z6z78zz76zz84zz81zz122zrayz88z2tz83z1z82ztz76zz122zz90zkz65zz76zawz77zz70zz68zb h-ldquo\">“Grant\u003C\u002Fspan>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwyz80z6z78zz76zz84zz81zz122zrayz88z2tz83z1z82ztz76zz122zz90zkz65zz76zawz77zz70zz68zb\"> for the Web” works on standards and innovation in Web Monetization. And we gained skills on how to level up our animation powers with the Web Animations API.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":174,"id":178,"title":179,"body":180},"25531306","Monetize content with a Web API, by Roelf-Jan de Vries","\u003Cp>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qovvldty8u642z83zz76zctz69zljoz65z4naz73z1z89zz70z5tz78z61\">Subscriptions, advertisements and user data are popular ways of earning money with online content. However, for some content creators, these methods also have disadvantages. But there might be a solution for them in the future. There is a newly proposed browser API standard: Web Monetization. A way of having a payment stream from the user directly to the website of the content creator. In this talk, Roelf-Jan talks about these new developments and how it’s being promoted & funded by the organization Grant for the Web. \u003C\u002Fspan>\u003C\u002Fp>",{"__typename":182,"id":183,"mute":148,"loop":148,"autoplay":148,"caption":158,"video":184,"gif":151},"ResponsiveVideoRecord","25531307",{"url":185,"title":186,"height":187,"width":188,"provider":189,"providerUid":190,"thumbnailUrl":191},"https:\u002F\u002Fyoutu.be\u002FpTmAmBqcfs4","The new native web: Grant for the web by Roelf-Jan de Vries",113,200,"youtube","pTmAmBqcfs4","https:\u002F\u002Fi.ytimg.com\u002Fvi\u002FpTmAmBqcfs4\u002Fhqdefault.jpg",{"__typename":174,"id":193,"title":194,"body":195},"25531308","Bye bye animation libraries? Chances and limitations of the WAAPI, by Ben Deitmer","\u003Cp>\u003Cspan class=\" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwyz80z6z78zz76zz84zz81zz122zrayz88z2tz83z1z82ztz76zz122zz90zkz65zz76zawz77zz70zz68zb\">Traditionally most web animations are driven purely by javascript. The now widely supported Web Animations Api has potential to drastically decrease the javascript footprint and improve performance out of the box. Ben learns you how to implement this new api but also have a critical look at its limitations.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":182,"id":197,"mute":148,"loop":148,"autoplay":148,"caption":158,"video":198,"gif":151},"25531309",{"url":199,"title":200,"height":187,"width":188,"provider":189,"providerUid":201,"thumbnailUrl":202},"https:\u002F\u002Fyoutu.be\u002F7kz4tYF4DZk","The new native web: Bye bye animation libraries? by Ben Deitmer","7kz4tYF4DZk","https:\u002F\u002Fi.ytimg.com\u002Fvi\u002F7kz4tYF4DZk\u002Fhqdefault.jpg",{"__typename":174,"id":204,"title":205,"body":206},"25531310","Next meetup","\u003Cp>\u003Cspan>Want to attend our next meetup in person? Keep an eye on our \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fwww.meetup.com\u002FFront-end-Forward\u002F\">Front-end Forward meetup group\u003C\u002Fa>\u003Cspan> and check out our own \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fwww.voorhoede.nl\u002Fen\u002Fevents\u002F\">event page\u003C\u002Fa>\u003Cspan>!\u003C\u002Fspan>\u003C\u002Fp>",[208],{"title":209,"body":210,"links":211,"mailchimpValue":158,"mailchimpName":158,"mailchimpId":158,"formType":158,"contactPerson":151},"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",[212],{"__typename":213,"id":214,"title":215,"link":216},"InternalLinkRecord","163140992","Join our team",{"__typename":44,"slug":217},"jobs",[],[],1776256144040]