[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"wWFrfTs4zh":3,"ztSCyeZju3":222,"hm03GaYJeW":360,"_apollo:default":648},{"officesEntries":4,"globalSets":95},[5,36,55,74],{"__typename":6,"id":7,"title":8,"language":9,"image":10,"mapsLink":21,"address":25},"office_Entry","52","Aalst","nl",[11],{"__typename":12,"alt":13,"url":14,"rawUrl":15,"mimeType":16,"focalPoint":17,"height":19,"width":20},"media_Asset",null,"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FOffices\u002FAalst-1.svg?fit=cover&format=webp&s=zg-Ja8D6t9QD6fLR2GotD9gLq9fmcg2f1s-VwfDTCTA","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FOffices\u002FAalst-1.svg","image\u002Fsvg+xml",[18,18],0.5,51,60,{"__typename":22,"id":13,"title":13,"url":23,"target":13,"label":23,"defaultLabel":24,"ariaLabel":13},"LinkData","https:\u002F\u002Fgoo.gl\u002Fmaps\u002FvWTSgr8se5SpSNaY7","goo.gl\u002Fmaps\u002FvWTSgr8se5SpSNaY7",[26],{"__typename":27,"id":28,"addressLine1":29,"addressLine2":30,"addressLine3":13,"countryCode":31,"locality":8,"postalCode":32,"title":33,"latitude":34,"longitude":35},"Address","53","Korte Keppestraat 7","4e verdieping","BE","9320","Kantoor Aalst","50.915013","4.043815",{"__typename":6,"id":37,"title":38,"language":9,"image":39,"mapsLink":44,"address":47},"56","Kontich",[40],{"__typename":12,"alt":13,"url":41,"rawUrl":42,"mimeType":16,"focalPoint":43,"height":19,"width":19},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FOffices\u002FKontich-1.svg?fit=cover&format=webp&s=Hqf-RVGsIICIYYofFPN90F13r7FdpSaRLx5spcrq5bA","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FOffices\u002FKontich-1.svg",[18,18],{"__typename":22,"id":13,"title":13,"url":45,"target":13,"label":45,"defaultLabel":46,"ariaLabel":13},"https:\u002F\u002Fgoo.gl\u002Fmaps\u002FhoCdtCoJ9mb5ygjM9","goo.gl\u002Fmaps\u002FhoCdtCoJ9mb5ygjM9",[48],{"__typename":27,"id":49,"addressLine1":50,"addressLine2":13,"addressLine3":13,"countryCode":31,"locality":38,"postalCode":51,"title":52,"latitude":53,"longitude":54},"57","Prins Boudewijnlaan 24e","2550","Kantoor Kontich","51.141516","4.438494",{"__typename":6,"id":56,"title":57,"language":9,"image":58,"mapsLink":64,"address":67},"815","Merelbeke",[59],{"__typename":12,"alt":13,"url":60,"rawUrl":61,"mimeType":16,"focalPoint":62,"height":19,"width":63},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FOffices\u002FMerelbeke-1.svg?fit=cover&format=webp&s=SCcr0dSWNBrFRK-5CwUVZ1M9ouMjvkwM-lpLzOvQifw","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FOffices\u002FMerelbeke-1.svg",[18,18],38,{"__typename":22,"id":13,"title":13,"url":65,"target":13,"label":13,"defaultLabel":66,"ariaLabel":13},"https:\u002F\u002Fgoo.gl\u002Fmaps\u002FyMKzmz1AmozEnT1j7","goo.gl\u002Fmaps\u002FyMKzmz1AmozEnT1j7",[68],{"__typename":27,"id":69,"addressLine1":70,"addressLine2":30,"addressLine3":13,"countryCode":31,"locality":57,"postalCode":71,"title":57,"latitude":72,"longitude":73},"817","Guldensporenpark Gebouw I","9820","51.005221","3.754294",{"__typename":6,"id":75,"title":76,"language":9,"image":77,"mapsLink":84,"address":87},"820","Hasselt",[78],{"__typename":12,"alt":13,"url":79,"rawUrl":80,"mimeType":16,"focalPoint":81,"height":82,"width":83},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FOffices\u002FHasselt-1.svg?fit=cover&format=webp&s=EWL5YNVv9s5LAu3Z7-yjqIJCya-D5xERk7qLm20wVHA","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FOffices\u002FHasselt-1.svg",[18,18],53,57,{"__typename":22,"id":13,"title":13,"url":85,"target":13,"label":13,"defaultLabel":86,"ariaLabel":13},"https:\u002F\u002Fgoo.gl\u002Fmaps\u002FFVN3i6dd8Zq8ZFzs9","goo.gl\u002Fmaps\u002FFVN3i6dd8Zq8ZFzs9",[88],{"__typename":27,"id":89,"addressLine1":90,"addressLine2":91,"addressLine3":13,"countryCode":31,"locality":76,"postalCode":92,"title":76,"latitude":93,"longitude":94},"821","Corda Campus (Blok 1)","Kempische Steenweg 311","3500","50.951653","5.351441",[96,107],{"__typename":97,"id":98,"uid":99,"language":9,"logo":100},"general_GlobalSet","155","e9ce60e4-9914-4843-9fcb-38a2d4407dd3",[101],{"__typename":12,"alt":13,"url":102,"rawUrl":103,"mimeType":16,"focalPoint":104,"height":105,"width":106},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FLogos\u002FAppeel-Logo-White.svg?fit=cover&format=webp&s=EGTR5smqnJ_L36PcKBUvb92g6mBTPtiXPFoU-K6rwk8","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FLogos\u002FAppeel-Logo-White.svg",[18,18],56,199,{"__typename":108,"id":109,"uid":110,"language":9,"navigationMenu":111,"contactTitle":189,"phoneNumber":191,"email":195,"privacyPolicy":198,"cookiePolicy":201,"facebook":204,"instagram":208,"linkedin":212,"twitter":216,"shoutOut":13,"officesTitle":220,"copyrightText":221},"layout_GlobalSet","156","3afb25db-282d-48b5-bc0b-8626f53ff72d",[112,159,165,171,177,183],{"__typename":113,"id":114,"uid":115,"title":116,"typeHandle":117,"childItems":118},"navigationMenuGroup_Entry","164","136d8b44-3e3f-4415-be53-50ab00ef5d2d","Diensten","navigationMenuGroup",[119,128,134,140,147,153],{"__typename":120,"id":121,"uid":122,"uri":13,"title":13,"language":9,"typeHandle":123,"linkIcon":13,"linkTo":124,"waveAnimation":127,"newItem":127},"navigationMenuItem_Entry","5137","8a1a8926-2509-4233-b50d-79f81fb9a5cf","navigationMenuItem",{"__typename":22,"id":13,"title":13,"url":125,"target":13,"label":13,"defaultLabel":126,"ariaLabel":13},"https:\u002F\u002Fappeel.io\u002Fdiensten\u002Fconsultancy","Consultancy",false,{"__typename":120,"id":129,"uid":130,"uri":13,"title":13,"language":9,"typeHandle":123,"linkIcon":13,"linkTo":131,"waveAnimation":127,"newItem":127},"167","788bd0d4-feeb-44b0-94fd-cdf77f826106",{"__typename":22,"id":13,"title":13,"url":132,"target":13,"label":13,"defaultLabel":133,"ariaLabel":13},"https:\u002F\u002Fappeel.io\u002Fdiensten\u002Fweb-development","Craft CMS Web development",{"__typename":120,"id":135,"uid":136,"uri":13,"title":13,"language":9,"typeHandle":123,"linkIcon":13,"linkTo":137,"waveAnimation":127,"newItem":127},"2671","5c1195c8-ff47-4924-a379-d5f7b87ad20c",{"__typename":22,"id":13,"title":13,"url":138,"target":13,"label":139,"defaultLabel":139,"ariaLabel":13},"https:\u002F\u002Fappeel.io\u002Fdiensten\u002Fnaleving-wcag-richtlijnen","WCAG-naleving",{"__typename":120,"id":141,"uid":142,"uri":13,"title":13,"language":9,"typeHandle":123,"linkIcon":13,"linkTo":143,"waveAnimation":127,"newItem":127},"168","1a0c8e6f-91a2-4e64-ad35-466cd10a759d",{"__typename":22,"id":13,"title":13,"url":144,"target":13,"label":145,"defaultLabel":146,"ariaLabel":13},"https:\u002F\u002Fappeel.io\u002Fdiensten\u002Fcustom-development","Custom development","Software op maat",{"__typename":120,"id":148,"uid":149,"uri":13,"title":13,"language":9,"typeHandle":123,"linkIcon":13,"linkTo":150,"waveAnimation":127,"newItem":127},"165","13e379a6-a5d0-48c0-90fc-83db59937d3d",{"__typename":22,"id":13,"title":13,"url":151,"target":13,"label":152,"defaultLabel":152,"ariaLabel":13},"https:\u002F\u002Fappeel.io\u002Fdiensten\u002Fproof-of-concept","Proof of concept",{"__typename":120,"id":154,"uid":155,"uri":13,"title":13,"language":9,"typeHandle":123,"linkIcon":13,"linkTo":156,"waveAnimation":127,"newItem":127},"166","31dd7160-f9f4-4ac1-b465-c6de3006a5fd",{"__typename":22,"id":13,"title":13,"url":157,"target":13,"label":158,"defaultLabel":158,"ariaLabel":13},"https:\u002F\u002Fappeel.io\u002Fdiensten\u002Fmotion","Animatie",{"__typename":120,"id":160,"uid":161,"uri":13,"title":13,"language":9,"typeHandle":123,"linkIcon":13,"linkTo":162,"waveAnimation":127,"newItem":127},"204","6c52d20b-5421-404c-ae6c-c6dd3686254a",{"__typename":22,"id":13,"title":13,"url":163,"target":13,"label":164,"defaultLabel":164,"ariaLabel":13},"https:\u002F\u002Fappeel.io\u002Fportfolio","Portfolio",{"__typename":120,"id":166,"uid":167,"uri":13,"title":13,"language":9,"typeHandle":123,"linkIcon":13,"linkTo":168,"waveAnimation":127,"newItem":127},"321","4645f02a-e2d1-47ce-be28-958668bac075",{"__typename":22,"id":13,"title":13,"url":169,"target":13,"label":13,"defaultLabel":170,"ariaLabel":13},"https:\u002F\u002Fappeel.io\u002Finzichten","Inzichten",{"__typename":120,"id":172,"uid":173,"uri":13,"title":13,"language":9,"typeHandle":123,"linkIcon":13,"linkTo":174,"waveAnimation":127,"newItem":127},"350","e6f0ced9-55af-4a57-af36-3621c97caaaa",{"__typename":22,"id":13,"title":13,"url":175,"target":13,"label":176,"defaultLabel":176,"ariaLabel":13},"https:\u002F\u002Fappeel.io\u002Fvacatures","Vacatures",{"__typename":120,"id":178,"uid":179,"uri":13,"title":13,"language":9,"typeHandle":123,"linkIcon":13,"linkTo":180,"waveAnimation":127,"newItem":127},"163","d0f4eac7-f0ab-4472-9d6d-3d3e09c8aaa3",{"__typename":22,"id":13,"title":13,"url":181,"target":13,"label":182,"defaultLabel":182,"ariaLabel":13},"https:\u002F\u002Fappeel.io\u002Fover-ons","Over ons",{"__typename":120,"id":184,"uid":185,"uri":13,"title":13,"language":9,"typeHandle":123,"linkIcon":186,"linkTo":187,"waveAnimation":190,"newItem":127},"201","98d5baa2-c7fc-4dbe-b46a-f574fbc7b39b","👋",{"__typename":22,"id":13,"title":13,"url":188,"target":13,"label":189,"defaultLabel":189,"ariaLabel":13},"https:\u002F\u002Fappeel.io\u002Fcontact","Contact",true,{"__typename":22,"id":13,"title":13,"url":192,"target":13,"label":193,"defaultLabel":194,"ariaLabel":13},"tel:+32-496-25-31-74","+32 496 25 31 74","+32-496-25-31-74",{"__typename":22,"id":13,"title":13,"url":196,"target":13,"label":197,"defaultLabel":197,"ariaLabel":13},"mailto:info@appeel.io","info@appeel.io",{"__typename":22,"id":13,"title":13,"url":199,"target":13,"label":200,"defaultLabel":200,"ariaLabel":13},"https:\u002F\u002Fappeel.io\u002Fprivacybeleid","Privacybeleid",{"__typename":22,"id":13,"title":13,"url":202,"target":13,"label":203,"defaultLabel":203,"ariaLabel":13},"https:\u002F\u002Fappeel.io\u002Fcookiebeleid","Cookiebeleid",{"__typename":22,"id":13,"title":13,"url":205,"target":13,"label":206,"defaultLabel":207,"ariaLabel":13},"https:\u002F\u002Fwww.facebook.com\u002Fappeel.io","Facebook","www.facebook.com\u002Fappeel.io",{"__typename":22,"id":13,"title":13,"url":209,"target":13,"label":210,"defaultLabel":211,"ariaLabel":13},"https:\u002F\u002Fwww.instagram.com\u002Fappeel.io\u002F","Instagram","www.instagram.com\u002Fappeel.io\u002F",{"__typename":22,"id":13,"title":13,"url":213,"target":13,"label":214,"defaultLabel":215,"ariaLabel":13},"https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fappeel-io\u002F","LinkedIn","www.linkedin.com\u002Fcompany\u002Fappeel-io\u002F",{"__typename":22,"id":13,"title":13,"url":217,"target":13,"label":218,"defaultLabel":219,"ariaLabel":13},"https:\u002F\u002Ftwitter.com\u002Fappeelio","Twitter","twitter.com\u002Fappeelio","Onze kantoren","Appeel.io - Alle rechten voorbehouden",{"__typename":223,"uid":224,"slug":225,"typeHandle":226,"seomatic":227,"id":235,"uri":236,"language":9,"displayDate":237,"ctaTitle":238,"ctaSubtitle":239,"authorInsight":240,"categories":258,"ctaLink":263,"bannerImage":265,"blocks":273,"heroContent":351},"insight_Entry","87e5c50d-dbb7-4305-a507-9cfbff44c6e1","dingen-die-je-in-css-kan-doen-in-plaats-van-javascript","insight",{"__typename":228,"metaTitleContainer":229,"metaTagContainer":230,"metaLinkContainer":231,"metaScriptContainer":232,"metaJsonLdContainer":233,"metaSiteVarsContainer":234},"SeomaticType","{\"title\":{\"title\":\"Dingen die je in CSS kan doen in plaats van Javascript | Appeel.io\"}}","{\"generator\":{\"content\":\"SEOmatic\",\"name\":\"generator\"},\"keywords\":[],\"description\":{\"content\":\"Wanneer je wat wilt maken in Javascript dat mogelijk is in CSS, gebruik dan CSS. Of zoek eens op of het mogelijk is tenminste. 🤓\",\"name\":\"description\"},\"referrer\":{\"content\":\"no-referrer-when-downgrade\",\"name\":\"referrer\"},\"robots\":{\"content\":\"all\",\"name\":\"robots\"},\"fb:profile_id\":[],\"fb:app_id\":[],\"og:locale\":{\"content\":\"nl\",\"property\":\"og:locale\"},\"og:locale:alternate\":[],\"og:site_name\":{\"content\":\"Appeel.io\",\"property\":\"og:site_name\"},\"og:type\":{\"content\":\"website\",\"property\":\"og:type\"},\"og:url\":{\"content\":\"https:\\\u002F\\\u002Fappeel.io\\\u002Finzichten\\\u002Fdingen-die-je-in-css-kan-doen-in-plaats-van-javascript\",\"property\":\"og:url\"},\"og:title\":{\"content\":\"Dingen die je in CSS kan doen in plaats van Javascript | Appeel.io\",\"property\":\"og:title\"},\"og:description\":{\"content\":\"Wanneer je wat wilt maken in Javascript dat mogelijk is in CSS, gebruik dan CSS. Of zoek eens op of het mogelijk is tenminste. 🤓\",\"property\":\"og:description\"},\"og:image\":{\"content\":\"https:\\\u002F\\\u002Fcdn.craft.cloud\\\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\\\u002Fassets\\\u002Fimg\\\u002FImages\\\u002FCSS-Design.png?fit=cover&height=630&width=1200&s=aTOubCmdp2PuLb5BOJ0aUmPMvX5rk4ebSGC5k1MEy9E\",\"property\":\"og:image\"},\"og:image:width\":{\"content\":\"1200\",\"property\":\"og:image:width\"},\"og:image:height\":{\"content\":\"630\",\"property\":\"og:image:height\"},\"og:image:alt\":{\"content\":\"Gids in frontend. Partner in development.\",\"property\":\"og:image:alt\"},\"og:see_also\":[],\"facebook-site-verification\":[],\"twitter:card\":{\"content\":\"summary_large_image\",\"name\":\"twitter:card\"},\"twitter:site\":[],\"twitter:creator\":{\"content\":\"@\",\"name\":\"twitter:creator\"},\"twitter:title\":{\"content\":\"Dingen die je in CSS kan doen in plaats van Javascript | Appeel.io\",\"name\":\"twitter:title\"},\"twitter:description\":{\"content\":\"Wanneer je wat wilt maken in Javascript dat mogelijk is in CSS, gebruik dan CSS. Of zoek eens op of het mogelijk is tenminste. 🤓\",\"name\":\"twitter:description\"},\"twitter:image\":{\"content\":\"https:\\\u002F\\\u002Fcdn.craft.cloud\\\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\\\u002Fassets\\\u002Fimg\\\u002FImages\\\u002FCSS-Design.png?fit=cover&height=630&width=1200&s=aTOubCmdp2PuLb5BOJ0aUmPMvX5rk4ebSGC5k1MEy9E\",\"name\":\"twitter:image\"},\"twitter:image:width\":{\"content\":\"1200\",\"name\":\"twitter:image:width\"},\"twitter:image:height\":{\"content\":\"630\",\"name\":\"twitter:image:height\"},\"twitter:image:alt\":{\"content\":\"Gids in frontend. Partner in development.\",\"name\":\"twitter:image:alt\"},\"google-site-verification\":[],\"bing-site-verification\":[],\"pinterest-site-verification\":[]}","{\"canonical\":{\"href\":\"https:\\\u002F\\\u002Fappeel.io\\\u002Finzichten\\\u002Fdingen-die-je-in-css-kan-doen-in-plaats-van-javascript\",\"rel\":\"canonical\"},\"home\":{\"href\":\"https:\\\u002F\\\u002Fappeel.io\\\u002F\",\"rel\":\"home\"},\"author\":{\"href\":\"https:\\\u002F\\\u002Fappeel.io\\\u002Fhumans.txt\",\"rel\":\"author\",\"type\":\"text\\\u002Fplain\"},\"publisher\":[],\"alternate\":[]}","{\"googleTagManager\":{\"script\":\"dataLayer = [];\\n(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\\n'https:\\\u002F\\\u002Fwww.googletagmanager.com\\\u002Fgtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\\n})(window,document,'script','dataLayer','GTM-KNG3MCNH');\\n\",\"bodyScript\":\"\u003Cnoscript>\u003Ciframe src=\\\"https:\\\u002F\\\u002Fwww.googletagmanager.com\\\u002Fns.html?id=GTM-KNG3MCNH\\\"\\nheight=\\\"0\\\" width=\\\"0\\\" style=\\\"display:none;visibility:hidden\\\">\u003C\\\u002Fiframe>\u003C\\\u002Fnoscript>\\n\"}}","{\"mainEntityOfPage\":{\"@context\":\"https:\\\u002F\\\u002Fschema.org\",\"@type\":\"WebSite\",\"author\":{\"@id\":\"#identity\"},\"copyrightHolder\":{\"@id\":\"#identity\"},\"copyrightYear\":\"2025\",\"creator\":{\"@id\":\"#creator\"},\"dateCreated\":\"2025-08-01T11:47:39+02:00\",\"dateModified\":\"2026-05-05T13:37:48+02:00\",\"datePublished\":\"2025-08-01T11:53:00+02:00\",\"description\":\"Wanneer je wat wilt maken in Javascript dat mogelijk is in CSS, gebruik dan CSS. Of zoek eens op of het mogelijk is tenminste. 🤓\",\"headline\":\"Dingen die je in CSS kan doen in plaats van Javascript\",\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\u002F\\\u002Fcdn.craft.cloud\\\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\\\u002Fassets\\\u002Fimg\\\u002FImages\\\u002FCSS-Design.png?fit=cover&height=630&width=1200&s=aTOubCmdp2PuLb5BOJ0aUmPMvX5rk4ebSGC5k1MEy9E\"},\"inLanguage\":\"nl\",\"mainEntityOfPage\":\"https:\\\u002F\\\u002Fappeel.io\\\u002Finzichten\\\u002Fdingen-die-je-in-css-kan-doen-in-plaats-van-javascript\",\"name\":\"Dingen die je in CSS kan doen in plaats van Javascript\",\"publisher\":{\"@id\":\"#creator\"},\"url\":\"https:\\\u002F\\\u002Fappeel.io\\\u002Finzichten\\\u002Fdingen-die-je-in-css-kan-doen-in-plaats-van-javascript\"},\"identity\":{\"@context\":\"https:\\\u002F\\\u002Fschema.org\",\"@id\":\"#identity\",\"@type\":\"LocalBusiness\",\"priceRange\":\"$\"},\"creator\":{\"@context\":\"https:\\\u002F\\\u002Fschema.org\",\"@id\":\"#creator\",\"@type\":\"Organization\"},\"breadcrumbList\":{\"@context\":\"https:\\\u002F\\\u002Fschema.org\",\"@type\":\"BreadcrumbList\",\"description\":\"Breadcrumbs list\",\"itemListElement\":[{\"@type\":\"ListItem\",\"item\":\"https:\\\u002F\\\u002Fappeel.io\\\u002F\",\"name\":\"Home\",\"position\":1},{\"@type\":\"ListItem\",\"item\":\"https:\\\u002F\\\u002Fappeel.io\\\u002Finzichten\",\"name\":\"Inzichten\",\"position\":2},{\"@type\":\"ListItem\",\"item\":\"https:\\\u002F\\\u002Fappeel.io\\\u002Finzichten\\\u002Fdingen-die-je-in-css-kan-doen-in-plaats-van-javascript\",\"name\":\"Dingen die je in CSS kan doen in plaats van Javascript\",\"position\":3}],\"name\":\"Breadcrumbs\"}}","{\"siteName\":\"Appeel.io\",\"siteAlternateName\":\"\",\"identity\":{\"siteType\":\"Organization\",\"siteSubType\":\"LocalBusiness\",\"siteSpecificType\":\"none\",\"computedType\":\"LocalBusiness\",\"genericName\":\"\",\"genericAlternateName\":\"\",\"genericDescription\":\"\",\"genericUrl\":\"\",\"genericImage\":\"\",\"genericImageWidth\":\"\",\"genericImageHeight\":\"\",\"genericImageIds\":\"\",\"genericTelephone\":\"\",\"genericEmail\":\"\",\"genericStreetAddress\":\"\",\"genericAddressLocality\":\"\",\"genericAddressRegion\":\"\",\"genericPostalCode\":\"\",\"genericAddressCountry\":\"\",\"genericGeoLatitude\":\"\",\"genericGeoLongitude\":\"\",\"personGender\":\"Male\",\"personBirthPlace\":\"\",\"organizationDuns\":\"\",\"organizationFounder\":\"\",\"organizationFoundingDate\":\"\",\"organizationFoundingLocation\":\"\",\"organizationContactPoints\":\"\",\"corporationTickerSymbol\":\"\",\"localBusinessPriceRange\":\"$\",\"localBusinessOpeningHours\":[{\"open\":null,\"close\":null},{\"open\":null,\"close\":null},{\"open\":null,\"close\":null},{\"open\":null,\"close\":null},{\"open\":null,\"close\":null},{\"open\":null,\"close\":null},{\"open\":null,\"close\":null}],\"restaurantServesCuisine\":\"\",\"restaurantMenuUrl\":\"\",\"restaurantReservationsUrl\":\"\"},\"creator\":{\"siteType\":\"Organization\",\"siteSubType\":\"LocalBusiness\",\"siteSpecificType\":\"\",\"computedType\":\"Organization\",\"genericName\":\"\",\"genericAlternateName\":\"\",\"genericDescription\":\"\",\"genericUrl\":\"\",\"genericImage\":\"\",\"genericImageWidth\":\"\",\"genericImageHeight\":\"\",\"genericImageIds\":[],\"genericTelephone\":\"\",\"genericEmail\":\"\",\"genericStreetAddress\":\"\",\"genericAddressLocality\":\"\",\"genericAddressRegion\":\"\",\"genericPostalCode\":\"\",\"genericAddressCountry\":\"\",\"genericGeoLatitude\":\"\",\"genericGeoLongitude\":\"\",\"personGender\":\"\",\"personBirthPlace\":\"\",\"organizationDuns\":\"\",\"organizationFounder\":\"\",\"organizationFoundingDate\":\"\",\"organizationFoundingLocation\":\"\",\"organizationContactPoints\":[],\"corporationTickerSymbol\":\"\",\"localBusinessPriceRange\":\"\",\"localBusinessOpeningHours\":[],\"restaurantServesCuisine\":\"\",\"restaurantMenuUrl\":\"\",\"restaurantReservationsUrl\":\"\"},\"twitterHandle\":\"\",\"facebookProfileId\":\"\",\"facebookAppId\":\"\",\"googleSiteVerification\":\"\",\"bingSiteVerification\":\"\",\"pinterestSiteVerification\":\"\",\"facebookSiteVerification\":\"\",\"sameAsLinks\":{\"twitter\":{\"siteName\":\"Twitter\",\"handle\":\"twitter\",\"url\":\"\"},\"facebook\":{\"siteName\":\"Facebook\",\"handle\":\"facebook\",\"url\":\"\"},\"wikipedia\":{\"siteName\":\"Wikipedia\",\"handle\":\"wikipedia\",\"url\":\"\"},\"linkedin\":{\"siteName\":\"LinkedIn\",\"handle\":\"linkedin\",\"url\":\"\"},\"googleplus\":{\"siteName\":\"Google+\",\"handle\":\"googleplus\",\"url\":\"\"},\"youtube\":{\"siteName\":\"YouTube\",\"handle\":\"youtube\",\"url\":\"\"},\"instagram\":{\"siteName\":\"Instagram\",\"handle\":\"instagram\",\"url\":\"\"},\"pinterest\":{\"siteName\":\"Pinterest\",\"handle\":\"pinterest\",\"url\":\"\"},\"github\":{\"siteName\":\"GitHub\",\"handle\":\"github\",\"url\":\"\"},\"vimeo\":{\"siteName\":\"Vimeo\",\"handle\":\"vimeo\",\"url\":\"\"}},\"siteLinksSearchTarget\":\"\",\"siteLinksQueryInput\":\"\",\"referrer\":\"no-referrer-when-downgrade\",\"additionalSitemapUrls\":[],\"additionalSitemapUrlsDateUpdated\":null,\"additionalSitemaps\":[]}","1529","inzichten\u002Fdingen-die-je-in-css-kan-doen-in-plaats-van-javascript","2022-12-21T23:00:00+00:00","Op zoek naar inspiratie?","Wij zorgen voor gepast advies op het vlak van frontend development.",[241],{"__typename":242,"uid":243,"uri":244,"fullName":245,"firstName":246,"lastName":247,"avatar":248,"role":256,"about":257},"employee_Entry","12c2a361-772b-4f71-acc8-0a8c6b797b3f","employees\u002Fnico-clompen","Nico Clompen","Nico","Clompen",[249],{"__typename":12,"alt":13,"url":250,"rawUrl":251,"mimeType":252,"focalPoint":253,"height":254,"width":255},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FEmployees\u002FNico-Avatar.png?fit=cover&format=webp&s=xYCzzeNg2sN3Pwur7gq3hWISzbdp_iPC6ifRg78lNEs","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FEmployees\u002FNico-Avatar.png","image\u002Fpng",[18,18],3364,3360,"Frontend developer","Een passie voor Frontend en het maken van self designed sites met een achterliggende CMS voor klanten. Daarnaast vind ik app development, Raspberry Pi, Arduino of het creëren van smart devices ook een leuke bezigheid.",[259],{"__typename":260,"id":261,"title":262,"emoji":13},"topics_Category","211","Frontend development",{"__typename":22,"id":13,"title":13,"url":188,"target":13,"label":264,"defaultLabel":189,"ariaLabel":13},"Contacteer ons",[266],{"__typename":12,"alt":267,"url":268,"rawUrl":269,"mimeType":252,"focalPoint":270,"height":271,"width":272},"","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002FCSS-Design.png?fit=cover&format=webp&s=4kg_knP4KjDa4U950qDM-fMdON4tuRgxFYNOkG7HZZo","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002FCSS-Design.png",[18,18],600,1000,[274,279,295,298,312,315,328,331,344,347],{"__typename":275,"uid":276,"typeHandle":277,"title":13,"text":278,"linkTo":13,"buttonIcon":13,"centerText":127},"titleTextBlock_Entry","ec85e4c9-1442-4b85-86f5-bcb5fd095fbb","titleTextBlock","\u003Cp>CSS parses & rendert niet alleen sneller dan Javascript maar vaak zijn de oplossingen in CSS ook sneller geschreven en handiger. Daarboven zal een JS error vaker een grote error in jouw gezicht gooien (geweldige UI\u002FUX trouwens) maar als er bij CSS een property niet herkend wordt dan slaat hij deze simpelweg over en gaat die door naar de volgende lijn.Tot de dag van vandaag kom ik meermaals implementaties op ‘professionele’ sites tegen waarin voorrang gegeven werd aan Javascript terwijl er beter voor CSS gegaan was. Hoe deze keuzes zich soms nog voordoen ben ik niet zeker, vele hebben mogelijks al een outdated site maar bij sommige nieuwere sites vermoed ik soms dat \u003Cstrong>old habits die hard\u003C\u002Fstrong>.\u003C\u002Fp>",{"__typename":280,"uid":281,"typeHandle":282,"title":283,"subtitle":13,"subtitleAsParagraph":127,"emoji":13,"text":284,"buttonGroup":285,"image":286,"imagePosition":293,"imageShadow":127,"floatingEmojis":294},"imageTextBlock_Entry","85324410-8af0-49d1-b2b0-1c7d93b684ed","imageTextBlock","🖱️ Smooth scrolling","\u003Cp style=\"margin-left:0px;\">Een simpel voorbeeld om automatisch naar een sectie op jouw site in een vlotte scrollende beweging te gaan is doormiddel van \u003Cstrong>scroll-behavior\u003C\u002Fstrong>. Wil je jouw gebruiker met één klik op een knop langzaam maar versnellend begeleiden naar de volgende sectie op jouw webpagina dan is deze CSS feature ideaal voor jou. Een tijd terug werd window.scrollY hiervoor echter gebruikt of zelfs JQuery en tot vandaag blijft men soms deze vuile gewoonte behouden. 🤯 Men begint met het instellen van de scroll-behavior op smooth.\u003C\u002Fp>",[],[287],{"__typename":12,"alt":13,"url":288,"rawUrl":289,"mimeType":252,"focalPoint":290,"height":291,"width":292},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002Fsmooth-scrolling.png?fit=cover&format=webp&s=hxs5DFJ7yjrr3V79L1cjIEdq0R1n6jw9ika6v26QonE","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002Fsmooth-scrolling.png",[18,18],269,601,"right",[],{"__typename":275,"uid":296,"typeHandle":277,"title":13,"text":297,"linkTo":13,"buttonIcon":13,"centerText":127},"104ed644-a771-4269-8487-c2474eec213e","\u003Cpre>\u003Ccode class=\"language-plaintext\">html {\n  scroll-behavior: smooth;\n}\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>Vervolgens kan je een knop toevoegen dat gemaakt is van een a tag met de noodzakelijk href dat linkt naar een bepaalde sectie in jouw pagina doormiddel van een id toe te voegen.\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext\"><a href=\"#bottom\">\n  Click to scroll 👇\n<\u002Fa>\n<section id=\"bottom\"><\u002Fsection>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>En op een magische wijze is jouw pagina nu nog een stuk makkelijker om te navigeren!\u003C\u002Fp>",{"__typename":280,"uid":299,"typeHandle":282,"title":300,"subtitle":13,"subtitleAsParagraph":127,"emoji":13,"text":301,"buttonGroup":302,"image":303,"imagePosition":310,"imageShadow":127,"floatingEmojis":311},"a069a16f-66f3-405b-84e2-1bf7a9fda6b4","🧭 Sticky navigation","\u003Cp>Daarnaast heb ik al implementaties tegengekomen waarbij je een gewone pagina hebt met aan de rechterkant een sidebar, zo één van die navigatie blokken dat jou doorheen de pagina meevolgt tot op het einde en daar vervolgens tot stilstand komt. Volledig geschreven in Javascript en volgt jou in een schokkende animatie naar het einde van de pagina, wat een geweldige user experience. 👍\u003C\u002Fp>",[],[304],{"__typename":12,"alt":13,"url":305,"rawUrl":306,"mimeType":252,"focalPoint":307,"height":308,"width":309},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002Fsticky-navigation.png?fit=cover&format=webp&s=GoUoCqNc7mExZmOsbCpPwbYpw5dxqf0rzzFgGfHqGHM","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002Fsticky-navigation.png",[18,18],298,414,"left",[],{"__typename":275,"uid":313,"typeHandle":277,"title":13,"text":314,"linkTo":13,"buttonIcon":13,"centerText":127},"5a741795-80d2-4a87-ada2-e8e5ba3ba34a","\u003Cp>Ook hiervoor bestaat een veel simpelere oplossing genaamd \u003Cstrong>position sticky\u003C\u002Fstrong>! Een simpel voorbeeld kan een sidebar zijn met position sticky en vanaf nu zal deze prachtige sidebar jou volgen tot zijn toebehorende content. 🧲\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext\">.sidebar {\n  position: sticky;\n  top: 0;\n}\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext\"><div class=\"main\">\n  <h2>Main content<\u002Fh2>\n  <p>Scroll down the page!<\u002Fp>\n<\u002Fdiv>\n\n<div class=\"sidebar\">\n  <h3>Sticky sidebar<\u002Fh3>\n  <p>I will follow you!<\u002Fp>\n<\u002Fdiv>\u003C\u002Fcode>\u003C\u002Fpre>",{"__typename":280,"uid":316,"typeHandle":282,"title":317,"subtitle":13,"subtitleAsParagraph":127,"emoji":13,"text":318,"buttonGroup":319,"image":320,"imagePosition":293,"imageShadow":127,"floatingEmojis":327},"d0a162ee-d272-45e4-af8b-f2471c5edb63","💬 Truncate text","\u003Cp>Ook voor teksten kunnen we kleine maar sterke veranderingen brengen zoals het limiteren van tekst in een beperkte ruimte. Zo kan je vermijden dat jouw teksten buiten jouw paragraaf gaan of een bepaald aantal lijnen niet te overschrijden. In plaats van substring te gebruiken in Javascript heb je een veel beter alternatief in CSS genaamd \u003Cstrong>text-overflow\u003C\u002Fstrong> en \u003Cstrong>line-clamp\u003C\u002Fstrong>.\u003C\u002Fp>",[],[321],{"__typename":12,"alt":13,"url":322,"rawUrl":323,"mimeType":252,"focalPoint":324,"height":325,"width":326},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002Ftruncate-text.png?fit=cover&format=webp&s=ATPS4aSyq6sZcMBIMShK4AfkXUGJ5tSHChlT_VbPJyY","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002Ftruncate-text.png",[18,18],366,317,[],{"__typename":275,"uid":329,"typeHandle":277,"title":13,"text":330,"linkTo":13,"buttonIcon":13,"centerText":127},"5d7dc9e2-1354-4103-955f-57f5c7cb9986","\u003Cp>Om jouw titel niet verder te laten gaan dan het einde van zijn lijn (of zelfs buiten je artikel) heb je \u003Cstrong>text-overflow\u003C\u002Fstrong>.\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext\"><article>\n  <h1>This is a way too long title for a teaser of an article<\u002Fh1>\n<\u002Farticle>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cpre>\u003Ccode class=\"language-plaintext\">h1 {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>Vanaf nu zal jou titel binnen de grenzen van de parent tag blijven en in een te kleine ruimte zal jouw hoofdtitel automatisch afgesneden worden en op het einde verwisseld worden met drie puntjes. Om dit nog een stap verder te nemen en jouw perfect design mooi gelijk te houden over al jouw teaser artikels kan je het aantal lijnen ook limiteren dankzij \u003Cstrong>line-clamp\u003C\u002Fstrong>. Voeg een descriptie toe aan jouw teaser article met vervolgens een line-clamp van 3 lijnen met een verticale oriëntatie.\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext\"><article>\n  <h1>This is a way too long title for a teaser of an article<\u002Fh1>\n  <p>\n    Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime\n    mollitia, molestiae quas vel sint commodi repudiandae consequuntur\n    voluptatum laborum numquam\n  <\u002Fp>\n<\u002Farticle>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cpre>\u003Ccode class=\"language-plaintext\">h1 {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\np {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n}\u003C\u002Fcode>\u003C\u002Fpre>",{"__typename":280,"uid":332,"typeHandle":282,"title":333,"subtitle":13,"subtitleAsParagraph":127,"emoji":13,"text":334,"buttonGroup":335,"image":336,"imagePosition":310,"imageShadow":127,"floatingEmojis":343},"c5cd1b0f-4492-4d4e-97f8-60d62d9c35d4","🖱️ Scroll snapping","\u003Cp>Nog een handige feature waarmee je een simpele lichte foto gallerij of swiper kan nabouwen. Of zoals bij fancy website waarbij je scrollt doorheen de website en ze een volledige sectie van de pagina locken op een bepaald onderwerp hier komt \u003Cstrong>scroll-snap\u003C\u002Fstrong>.\u003C\u002Fp>",[],[337],{"__typename":12,"alt":13,"url":338,"rawUrl":339,"mimeType":252,"focalPoint":340,"height":341,"width":342},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002Fscroll-snapping.png?fit=cover&format=webp&s=nii_paUHZli5VGa0JRZhFWZg2zQo0QfR81ezS2pxxHY","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002Fscroll-snapping.png",[18,18],407,453,[],{"__typename":275,"uid":345,"typeHandle":277,"title":13,"text":346,"linkTo":13,"buttonIcon":13,"centerText":127},"31805f0c-428e-48f6-8626-ce078bc4a9fd","\u003Cp>Voorzie jouw volledig site met een snap type mandotory in x of y richting en de child met een snap align en voila.\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext\"><main class=\"parent\">\n  <section class=\"child\"><\u002Fsection>\n  <section class=\"child\"><\u002Fsection>\n  <section class=\"child\"><\u002Fsection>\n<\u002Fmain>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cpre>\u003Ccode class=\"language-plaintext\">.parent {\n  scroll-snap-type: x mandatory;\n}\n.child {\n  scroll-snap-align: start;\n}\u003C\u002Fcode>\u003C\u002Fpre>",{"__typename":275,"uid":348,"typeHandle":277,"title":349,"text":350,"linkTo":13,"buttonIcon":13,"centerText":127},"b3a76e84-01b1-4fcb-8ae4-87c276ae6475","🎵 Accordion menus","\u003Cp>In plaats van jouw FAQ antwoorden onzichtbaar te maken doormiddel van Javascript kan je ook de tags \u003Cstrong>details \u003C\u002Fstrong>en \u003Cstrong>summary \u003C\u002Fstrong>gebruiken om ditmaal in html enkel een accordion menu te maken. Inderdaad dat heb je goed gehoord! 🤯 Maak een detail tag aan in jouw code met daarbinnen een tag summary dat jouw vraag of titel mag bevatten dat ten alle tijde zichtbaar moet zijn. Alle andere tags of woorden zullen automatisch onzichtbaar gemaakt worden zonder één lijn javascript of CSS te schrijven!\u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext\"><details>\n  <summary>Only the summary will show?<\u002Fsummary>\n  <hr \u002F>\n  <p>\n    Yes only the summary, everything beneath will be shown once the\n    summary has been clicked on.\n  <\u002Fp>\n<\u002Fdetails>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>Dit waren natuurlijk enkele simpele voorbeelden om jullie breinen werkende te krijgen. Maar op codepen zijn mensen hier nog een stap verder gegaan dat ik hieronder zal linken. Desondanks dat niet allemaal met even propere code geschreven werden is er toch wel een wow moment voor wat er allemaal mogelijk is met css enkel.\u003C\u002Fp>",{"__typename":352,"heroTitle":353,"heroSubtitle":354,"subtitleAsParagraph":127,"heroDescription":355,"heroEmoji":13,"heroCentered":127,"pageHeaderVariant":356,"pageHeaderColorVariant":357,"heroImage":358,"heroVideo":359,"linkTo":13},"heroContent_ContentBlock","Dingen die je in CSS kan doen in plaats van Javascript","Insights","Wanneer je wat wilt maken in Javascript dat mogelijk is in CSS, gebruik dan CSS. Of zoek eens op of het mogelijk is tenminste. 🤓","default","primary",[],[],{"insightsEntries":361,"total":647},[362,509,557],{"__typename":223,"typeHandle":226,"dateCreated":363,"id":364,"uri":365,"language":9,"displayDate":366,"ctaTitle":13,"ctaSubtitle":13,"authorInsight":367,"categories":382,"ctaLink":13,"bannerImage":384,"blocks":392,"heroContent":501},"2026-05-11T15:49:09+02:00","8028","inzichten\u002Feen-nieuwe-appeal-voor-appeel","2026-05-17T22:00:00+00:00",[368],{"__typename":242,"uid":369,"uri":370,"fullName":371,"firstName":372,"lastName":373,"avatar":374,"role":380,"about":381},"6702066b-d3db-4c06-a5f8-fb07ca80c0df","employees\u002Fjef-vankerckhoven","Jef Vankerckhoven","Jef","Vankerckhoven",[375],{"__typename":12,"alt":13,"url":376,"rawUrl":377,"mimeType":252,"focalPoint":378,"height":379,"width":379},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FEmployees\u002Fjef.png?fit=cover&format=webp&s=jC809CVixCMk6_kK8GlhTEU7q3TA8wBUVSFDqUnr7oM","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FEmployees\u002Fjef.png",[18,18],2048,"Frontend Developer","Zolang ik me kan herinneren, ben ik al creatief bezig geweest. Als kind uitte dit zich in knutselen en spelen met Lego. Later vertaalde ik die creativiteit naar digitaal design. De logische keuze werd een studie Grafisch Ontwerp. Hier ontdekte ik dat mijn fascinatie voor webdesign niet beperkt bleef tot het visuele aspect: ook de onderliggende techniek boeide me enorm.\nAls frontend developer combineer ik nu mijn oog voor design met mijn technisch inzicht. The best of both worlds!\nBlijven bijleren en groeien vind ik enorm belangrijk. Daarom volg ik de laatste trends in design en technologie op de voet, en die probeer ik dan ook in mijn werk te integreren.\nNaast mijn werk vind je me terug op de koersfiets of in de bossen op mijn mountainbike. Altijd op zoek naar nieuwe uitdagingen, zowel online als offline.",[383],{"__typename":260,"id":261,"title":262,"emoji":13},[385],{"__typename":12,"alt":13,"url":386,"rawUrl":387,"mimeType":388,"focalPoint":389,"height":390,"width":391},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FThumbnails\u002FnewAppeelThumbnail.jpg?fit=cover&format=webp&s=KaOTXELMuzsOdTMmVzjjDf28pMmXQu8Uuzy-jo4O1Ts","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FThumbnails\u002FnewAppeelThumbnail.jpg","image\u002Fjpeg",[18,18],1080,1920,[393,403,418,435,453,469],{"__typename":394,"uid":395,"typeHandle":396,"quote":397,"position":310,"employee":398,"customAuthorName":13},"quoteBlock_Entry","b744db57-e2d1-43cb-9d37-b15c0f46e309","quoteBlock","\u003Cp>Onze website verdient een uitstraling die écht bij ons past!\u003C\u002Fp>",[399],{"__typename":242,"uid":369,"uri":370,"fullName":371,"firstName":372,"lastName":373,"avatar":400,"role":380,"about":381},[401],{"__typename":12,"alt":13,"url":376,"rawUrl":377,"mimeType":252,"focalPoint":402,"height":379,"width":379},[18,18],{"__typename":404,"uid":405,"typeHandle":406,"caseDescription":407},"caseDescriptionsBlock_Entry","80da4b37-b199-4169-aa07-107124d64866","caseDescriptionsBlock",[408,414],{"__typename":409,"uid":410,"typeHandle":411,"title":412,"description":413},"caseTitleDescriptionGroup_Entry","9046646f-a749-48bc-a53d-47f777a0bc05","caseTitleDescriptionGroup","De uitdaging","\u003Cp>De website van \u003Ca href=\"https:\u002F\u002Fappeel.io?utm_source=chatgpt.com\">Appeel.io\u003C\u002Fa> bestaat ondertussen al een hele tijd. Niet alle content was nog up-to-date en de voorbije jaren ontbrak het ons aan tijd om alles grondig bij te werken. Ook onze services weerspiegelden niet langer duidelijk waar we vandaag echt voor staan.\u003C\u002Fp>\u003Cp>Daarnaast voldeden niet alle componenten nog volledig aan de meest recente WCAG-richtlijnen op vlak van accessibility.\u003C\u002Fp>\u003Cp>Hoog tijd dus om dat aan te pakken.\u003C\u002Fp>",{"__typename":409,"uid":415,"typeHandle":411,"title":416,"description":417},"9ef6fdfd-372b-4f58-bcc7-8ea7484b34c4","De oplossing","\u003Cp>Een grondige analyse van onze website was dus noodzakelijk. Daarbij wilden we de eigenheid van \u003Ca href=\"https:\u002F\u002Fappeel.io?utm_source=chatgpt.com\">Appeel.io\u003C\u002Fa> absoluut behouden. Een volledige redesign stond dan ook niet op de planning. Met gerichte, minimale aanpassingen gaven we de website toch een frisse update en een nieuwe laag glans.\u003C\u002Fp>\u003Cp>Alle componenten werden opnieuw onder de loep genomen en afgestemd op de meest recente accessibility- en WCAG-richtlijnen. Daarnaast voegden we hier en daar nieuwe componenten toe om de gebruikservaring verder te verfijnen en de website net dat tikkeltje extra te geven.\u003C\u002Fp>\u003Cp>Het resultaat mag er zijn. Ontdek hieronder de belangrijkste veranderingen.\u003C\u002Fp>",{"__typename":280,"uid":419,"typeHandle":282,"title":420,"subtitle":13,"subtitleAsParagraph":127,"emoji":13,"text":421,"buttonGroup":422,"image":429,"imagePosition":310,"imageShadow":127,"floatingEmojis":434},"2f64e5a1-45c2-4000-ac23-bf69a9f41465","WCAG naleving","\u003Cp>Kleurcontrast, alt-teksten, screenreaders, … het zijn bekende termen voor wie ooit al van WCAG of accessibility heeft gehoord. Voor ons waren die principes natuurlijk niet nieuw, maar de vraag was vooral: passen wij alles correct toe op onze website?\u003C\u002Fp>\u003Cp>Na een korte WCAG analyse, merkten we dat niet al onze componenten nog voldeden aan de meest recente richtlijnen. Sommige keuzes die vroeger perfect werkten, bleken vandaag net tekort te schieten.\u003C\u002Fp>\u003Cp>Het duidelijkste voorbeeld? Onze lichtblauwe achtergrondkleur. Die haalde nét niet voldoende contrast voor leesbare tekst volgens de WCAG-richtlijnen. Bovendien voelden we ook visueel dat deze felle, uitgesproken kleur niet langer aansloot bij de uitstraling die we vandaag willen neerzetten.\u003C\u002Fp>",[423],{"__typename":424,"uid":425,"linkTo":426,"scrollTargetUid":13,"buttonVariant":428,"iconName":13},"button_Entry","7168395c-50ea-4a06-bc1b-d41c1bc72f34",{"__typename":22,"id":13,"title":13,"url":138,"target":13,"label":427,"defaultLabel":139,"ariaLabel":13},"Meer weten over WCAG?","link",[430],{"__typename":12,"alt":13,"url":431,"rawUrl":432,"mimeType":388,"focalPoint":433,"height":390,"width":391},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002FBlogposts\u002Foldvsnew.jpg?fit=cover&format=webp&s=J-NgiNQrx6fhP8LkJ4yC2FjYyxC_7xM0xJzzve0_FzQ","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002FBlogposts\u002Foldvsnew.jpg",[18,18],[],{"__typename":280,"uid":436,"typeHandle":282,"title":437,"subtitle":438,"subtitleAsParagraph":127,"emoji":13,"text":439,"buttonGroup":440,"image":445,"imagePosition":293,"imageShadow":127,"floatingEmojis":452},"3b22cc6f-2541-4124-86f3-d4d255bc9b9e","Software ontwikkeling en applicaties","Onze diensten","\u003Cp>Ook onze diensten moesten beter aansluiten bij de manier waarop we vandaag werken. Daarom werd elke pagina kritisch bekeken, herschreven en aangepast waar nodig.\u003C\u002Fp>\u003Cp>PWA’s, ken je dat nog? Enkele jaren geleden leek het dé technologie van de toekomst, maar in de praktijk merken we dat de vraag vanuit de markt sterk is afgenomen. Waar vroeger volop werd ingezet op Progressive Web Apps, zien we vandaag veel vaker aanvragen rond snelle ontwikkeling met of experimenten met Ai, en digitale toegankelijkheid. \u003C\u002Fp>\u003Cp>U voelt het al: ook onze diensten konden dus wel een grondige opfrisbeurt gebruiken.\u003C\u002Fp>",[441],{"__typename":424,"uid":442,"linkTo":443,"scrollTargetUid":13,"buttonVariant":428,"iconName":13},"e10e2506-d995-442a-b722-ad4e3173a7e8",{"__typename":22,"id":13,"title":13,"url":151,"target":13,"label":444,"defaultLabel":152,"ariaLabel":13},"Een idee snel uitwerken?",[446],{"__typename":12,"alt":13,"url":447,"rawUrl":448,"mimeType":449,"focalPoint":450,"height":451,"width":272},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002FBlogposts\u002Fportfolio.gif?fit=cover&format=webp&s=rBiNnm87oLJsmas9Rhnygqa37u-pWqnNeZD8_v4-O9c","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002FBlogposts\u002Fportfolio.gif","image\u002Fgif",[18,18],617,[],{"__typename":280,"uid":454,"typeHandle":282,"title":455,"subtitle":13,"subtitleAsParagraph":127,"emoji":13,"text":456,"buttonGroup":457,"image":462,"imagePosition":310,"imageShadow":127,"floatingEmojis":468},"8c5681b3-898c-489a-89d5-4783e07ab657","Een vernieuwde branding","\u003Cp>Maar de grootste verandering zit waarschijnlijk in de visuele overhaul. De website voelde op sommige momenten te druk aan, met te veel inconsistenties in styling en een gebrek aan samenhang. Ook motion was eerder versnipperd toegepast, waardoor niet altijd duidelijk was waar de focus lag.\u003C\u002Fp>\u003Cp>Zonder de bestaande structuur te wijzigen, hebben we een nieuwe laag styling over de website gelegd. Alles voelt nog steeds vertrouwd aan, maar de samenhang is sterk verbeterd en het geheel komt rustiger en consistenter over.\u003C\u002Fp>\u003Cp>Daarnaast voegden we subtiele micro-animaties toe die de interface net dat extra beetje verfijning geven. Kleine details die de ervaring net wat aangenamer maken, zonder op de voorgrond te treden.\u003C\u002Fp>",[458],{"__typename":424,"uid":459,"linkTo":460,"scrollTargetUid":13,"buttonVariant":428,"iconName":13},"e6762a48-5e8a-434c-8a00-2ef7fb82c2fa",{"__typename":22,"id":13,"title":13,"url":157,"target":13,"label":461,"defaultLabel":158,"ariaLabel":13},"Geef het een wauw-factor",[463],{"__typename":12,"alt":13,"url":464,"rawUrl":465,"mimeType":449,"focalPoint":466,"height":467,"width":272},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002FBlogposts\u002Fmenu.gif?fit=cover&format=webp&s=qpsI4nZWONHpF89i8ipTORiC2rJ-5Yv0kaqWli1z24c","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002FBlogposts\u002Fmenu.gif",[18,18],582,[],{"__typename":470,"uid":471,"title":472,"subtitle":473,"textBlock":474,"typeHandle":475,"linkTo":13,"gridItems":476},"fadeInListBlock_Entry","35c121f7-1a90-4559-9844-bcf01f7d2ca7","Op een rij","Maar er is meer","Wat er allemaal nog is aangepast aan Appeel.io: kleine verbeteringen hier en daar, met maximaal resultaat.","fadeInListBlock",[477,483,487,492,496],{"__typename":478,"uid":479,"title":480,"emoji":13,"text":481,"linkTo":482},"gridItem_Entry","e0c4d6b3-90e6-4925-93ec-89ec63d5bf66","Blog","\u003Cp>De laatste jaren hebben we onze content soms wat te weinig bijgewerkt, terwijl we zeker niet stil hebben gezeten. Het was dus tijd om hier opnieuw naar te kijken.\u003C\u002Fp>",{"__typename":22,"id":13,"title":13,"url":169,"target":13,"label":13,"defaultLabel":170,"ariaLabel":13},{"__typename":478,"uid":484,"title":485,"emoji":13,"text":486,"linkTo":13},"058d0a43-642f-4642-8479-240504f0811f","Thumbnails","\u003Cp>Consistentie betekent ook dat onze visuals beter op elkaar zijn afgestemd. Hiervoor doken we even in Affinity om dit snel te optimaliseren.\u003C\u002Fp>",{"__typename":478,"uid":488,"title":489,"emoji":13,"text":490,"linkTo":491},"771550ee-d926-43b9-9150-3f83839540eb","Cases","\u003Cp>We hebben projecten waar we best trots op mogen zijn, maar op de oude website kwamen die niet duidelijk tot hun recht. Ook hier hebben we bekeken hoe we dit beter en aantrekkelijker konden presenteren aan de bezoekers.\u003C\u002Fp>",{"__typename":22,"id":13,"title":13,"url":163,"target":13,"label":13,"defaultLabel":164,"ariaLabel":13},{"__typename":478,"uid":493,"title":494,"emoji":13,"text":495,"linkTo":13},"a1a92393-2b80-439e-840b-fb44405f08e2","Rust","\u003Cp>Cut the crap. We hebben alle overbodige elementen kritisch onder de loep genomen en waar nodig geschrapt, vooral de overvloed aan emoji’s. Het resultaat is meer rust en meer aandacht voor wat echt telt.\u003C\u002Fp>",{"__typename":478,"uid":497,"title":498,"emoji":13,"text":499,"linkTo":500},"604415ec-028a-48b8-b3e6-b96755876d9f","Animaties","\u003Cp>Hier en daar hebben we een nieuw element toegevoegd met leuke animaties. Waaronder dit scrollende blok, tof he!\u003C\u002Fp>",{"__typename":22,"id":13,"title":13,"url":157,"target":13,"label":13,"defaultLabel":158,"ariaLabel":13},{"__typename":352,"heroTitle":502,"heroSubtitle":503,"subtitleAsParagraph":127,"heroDescription":504,"heroEmoji":505,"heroCentered":127,"pageHeaderVariant":356,"pageHeaderColorVariant":506,"heroImage":507,"heroVideo":508,"linkTo":13},"Een nieuwe 'Appeal' voor Appeel","Appeel.io in een nieuw jasje","Ken je dat? Je bladert door oude foto’s en denkt: Amai, was ik dat echt? Dat gevoel hadden wij ook bij het bekijken van onze website. Appeel.io is de afgelopen jaren flink gegroeid. We zijn volwassener en robuuster geworden, en het was hoog tijd dat onze digitale uitstraling daar ook bij aansluitte. Maak kennis met onze nieuwe look!","✨","light",[],[],{"__typename":223,"typeHandle":226,"dateCreated":510,"id":511,"uri":512,"language":9,"displayDate":513,"ctaTitle":514,"ctaSubtitle":515,"authorInsight":516,"categories":517,"ctaLink":521,"bannerImage":523,"blocks":531,"heroContent":551},"2026-04-02T11:16:54+02:00","4975","inzichten\u002Fwe-zijn-3de-bij-de-antwerpse-gazellen","2026-03-30T22:00:00+00:00","Benieuwd hoe wij uw bedrijf kunnen ondersteunen?","Neem contact met ons op en ontdek hoe onze consultancy en projectexpertise uw digitale projecten naar een hoger niveau kan tillen.",[],[518,383],{"__typename":260,"id":519,"title":520,"emoji":13},"4982","Awards",{"__typename":22,"id":13,"title":13,"url":188,"target":13,"label":522,"defaultLabel":189,"ariaLabel":13},"Laten we praten",[524],{"__typename":12,"alt":525,"url":526,"rawUrl":527,"mimeType":252,"focalPoint":528,"height":529,"width":530},"Krantenartikel over de Antwerpse Gazellen met een ranglijst waarop Appeel.io in de top 3 staat genoteerd.","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002FBlogposts\u002FGazelle-hero.png?fit=cover&format=webp&s=xnpyDHNv-96P6cdGmfRioIGJDPnCFvsuigcPehNXVN0","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002FBlogposts\u002FGazelle-hero.png",[18,18],720,1280,[532],{"__typename":280,"uid":533,"typeHandle":282,"title":13,"subtitle":13,"subtitleAsParagraph":127,"emoji":13,"text":534,"buttonGroup":535,"image":545,"imagePosition":310,"imageShadow":127,"floatingEmojis":550},"1804ab58-d0c7-4b5d-980d-dce11c3dc31a","\u003Cp>Deze erkenning bevestigt dat onze strategie werkt: door een slimme combinatie van \u003Cstrong>consultancy\u003C\u002Fstrong> en \u003Cstrong>projectwerk\u003C\u002Fstrong> kunnen we bedrijven ondersteunen bij complexe digitale uitdagingen. Van advies op strategisch niveau tot hands-on ontwikkeling van maatwerkapplicaties en dashboards, wij leveren oplossingen die impact maken.\u003C\u002Fp>\u003Cp>Ondanks de uitdagende economische periode hebben we onze groei weten te behouden en ons mannetje gestaan. Dit toont dat we een \u003Cstrong>betrouwbare partner\u003C\u002Fstrong> zijn, die niet alleen belooft, maar ook daadwerkelijk resultaten levert voor onze klanten.\u003C\u002Fp>\u003Cp>We zijn vereerd om tussen deze inspirerende Antwerpse ondernemers te staan. Onze dank gaat uit naar ons team en onze klanten, die samen dit succes mogelijk maken. Samen blijven we bouwen aan duurzame groei en impactvolle consultancy en projectoplossingen.\u003C\u002Fp>",[536,539],{"__typename":424,"uid":537,"linkTo":538,"scrollTargetUid":13,"buttonVariant":357,"iconName":13},"63ca089c-426b-405f-bc6d-6f1331ed0a61",{"__typename":22,"id":13,"title":13,"url":188,"target":13,"label":264,"defaultLabel":189,"ariaLabel":13},{"__typename":424,"uid":540,"linkTo":541,"scrollTargetUid":13,"buttonVariant":428,"iconName":13},"75c7ec32-17ee-4c26-a3c0-e391618b5f2b",{"__typename":22,"id":13,"title":13,"url":542,"target":13,"label":543,"defaultLabel":544,"ariaLabel":13},"https:\u002F\u002Ftrends.knack.be\u002Fondernemen\u002Ftrends-gazellen\u002Frangschikking-antwerpse-gazellen-categorie-kleine-middelgrote-en-grote-bedrijven-3\u002F","Ontdek het artikel","trends.knack.be\u002Fondernemen\u002Ftrends-gazellen\u002Frangschikking-antwerpse-gazellen-categorie-kleine-middelgrote-en-grote-bedrijven-3\u002F",[546],{"__typename":12,"alt":525,"url":547,"rawUrl":548,"mimeType":252,"focalPoint":549,"height":529,"width":530},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002FBlogposts\u002FGazelle-list.png?fit=cover&format=webp&s=Xndqm9OUT5SUfXAptvIJHlCwNT22fsyc7GTcPsSymkE","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002FBlogposts\u002FGazelle-list.png",[18,18],[],{"__typename":352,"heroTitle":552,"heroSubtitle":13,"subtitleAsParagraph":127,"heroDescription":553,"heroEmoji":554,"heroCentered":127,"pageHeaderVariant":356,"pageHeaderColorVariant":506,"heroImage":555,"heroVideo":556,"linkTo":13},"We zijn 3de bij de Antwerpse Gazellen!","We zijn enorm trots te mogen aankondigen dat we dit jaar de 3de plaats hebben behaald in de rangschikking van de Antwerpse Gazellen in onze categorie. Deze prestigieuze award erkent de snelst groeiende bedrijven in Antwerpen, gebaseerd op vijf jaar groei in toegevoegde waarde, personeelsbestand en cashflow.","🏆",[],[],{"__typename":223,"typeHandle":226,"dateCreated":558,"id":559,"uri":560,"language":9,"displayDate":561,"ctaTitle":238,"ctaSubtitle":239,"authorInsight":562,"categories":578,"ctaLink":579,"bannerImage":580,"blocks":587,"heroContent":641},"2025-08-01T11:15:44+02:00","1382","inzichten\u002Falive-kicking","2023-05-09T22:00:00+00:00",[563],{"__typename":242,"uid":564,"uri":565,"fullName":566,"firstName":567,"lastName":568,"avatar":569,"role":576,"about":577},"5fcf6d93-65e8-471d-9d1c-a57e286b54aa","employees\u002Fmanaus-transez","Manaus Transez","Manaus","Transez",[570],{"__typename":12,"alt":13,"url":571,"rawUrl":572,"mimeType":252,"focalPoint":573,"height":574,"width":575},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FEmployees\u002FAvatar-Manaus.png?fit=cover&format=webp&s=FNElTuOALj7c-ffMSB2_zJpU8AduaXfEXN_0lfAbXNk","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FEmployees\u002FAvatar-Manaus.png",[18,18],3202,3206,"Frontend Developer & UI Designer","Als frontend developer doe ik dagelijks beroep op mijn creativiteit, wat voor mij een ware troef is. Ik doe dan ook niks liever dan mijn oog voor detail gebruiken bij het maken van prachtige websites. Mijn handen uit de mouwen steken is namelijk mijn passie, en elke dag opnieuw mogen bijleren is voor mij een must. Dankzij mijn onverzadigbare dorst naar kennis en interesse in mijn vak zie je mij vaak naarstig aan de slag gaan met een beeldscherm vol code. Ik zou mezelf vooral omschrijven als zowel denker als maker en het perfecte huwelijk tussen creatieveling en logicus. Ik ben kortom een echt manausje-van-alles 😉",[383],{"__typename":22,"id":13,"title":13,"url":188,"target":13,"label":264,"defaultLabel":189,"ariaLabel":13},[581],{"__typename":12,"alt":267,"url":582,"rawUrl":583,"mimeType":252,"focalPoint":584,"height":585,"width":586},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002FTim-Thumbnail.png?fit=cover&format=webp&s=lWkMoQBKnrVtsQNoi6PKIt9lFMU2btrL6nwetE79eFo","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002FTim-Thumbnail.png",[18,18],1326,2360,[588,591,604,607,630],{"__typename":275,"uid":589,"typeHandle":277,"title":13,"text":590,"linkTo":13,"buttonIcon":13,"centerText":127},"c8dd1bfb-39cf-4efd-8076-50e3d32642ca","\u003Cp>Het concept van de talk is als volgt: Wat als je als gitarist geen fortuin wilt uitgeven aan een versterker en oneindig veel pedalen? En wat als je dat probleem kan oplossen met dezelfde technologieën waar wij dagelijks mee aan de slag gaan? Het geheim zit in een klein zwart doosje die de analoge signalen van de gitaar omzetten naar digitale signalen (MIDI). \u003C\u002Fp>",{"__typename":280,"uid":592,"typeHandle":282,"title":593,"subtitle":13,"subtitleAsParagraph":127,"emoji":13,"text":594,"buttonGroup":595,"image":596,"imagePosition":310,"imageShadow":127,"floatingEmojis":603},"2243ec22-1220-42f5-9f10-6c4bb2377313","MIDI","\u003Cp>MIDI staat voor \u003Ci>Musical Instrument Digital Interface\u003C\u002Fi>. Het is een communicatieprotocol die in de muziekindustrie gebruikt wordt om elektronische instrumenten, computers en andere toestellen die geluid maken of controleren te verbinden. MIDI berichten zijn een reeks digitale instructies die informatie over muzikale \u003Ci>events \u003C\u002Fi>overbrengen, zoals welke noot er gespeeld wordt, hoe hard die gespeeld wordt en wanneer die noot losgelaten wordt. Die informatie kan gebruikt worden om bijvoorbeeld software of zelfs lichtshows aan te sturen.\u003C\u002Fp>\u003Cp>Met de komst van de Web MIDI API worden MIDI toestellen standaard in de meeste webbrowsers en besturingssystemen ondersteunt. Deze API is helaas een beetje onhandig en te low-level voor de meeste ontwikkelaars. Om efficiënter aan de slag te gaan met MIDI op het web gebruik je dus best de \u003Ccode>webmidi\u003C\u002Fcode> package.\u003C\u002Fp>",[],[597],{"__typename":12,"alt":267,"url":598,"rawUrl":599,"mimeType":388,"focalPoint":600,"height":601,"width":602},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002FMIDI-Image.jpg?fit=cover&format=webp&s=BbMb3X_AQd6ZGLw0chwSPmKAVc2o34WHSL-ISbayc9Y","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002FMIDI-Image.jpg",[18,18],4480,6720,[],{"__typename":275,"uid":605,"typeHandle":277,"title":13,"text":606,"linkTo":13,"buttonIcon":13,"centerText":127},"705ee31f-9a05-49ba-97cb-7d59fb363b7a","\u003Cp>Tim maakte gebruik van deze tech door enkele liedjes in preset hoofdstukken op te delen. Beschouw het als karaoke voor gitaar. Hij speelt met zijn eigen gitaar de liedjes mee, en afhankelijk van het huidige hoofdstuk wordt er automatisch een andere preset toegepast op zijn versterker. Deze presets bepalen variabelen als volume en echo waardoor het geluid verandert, gaande van crunchy riffs tot oorverdovende solos.\u003C\u002Fp>",{"__typename":608,"uid":609,"typeHandle":610,"title":611,"image":612,"options":617},"pollBlock_Entry","587f445f-7d2b-4b72-b9ee-82a12b6a3bda","pollBlock","Welk nummer is Tim Benniks aan het spelen?",[613],{"__typename":12,"alt":13,"url":614,"rawUrl":615,"mimeType":449,"focalPoint":616,"height":529,"width":530},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002Falive_and_kicking.gif?fit=cover&format=webp&s=hLPaujv_f4QodWkQtVSkffaB4igWa3H-TgrgxAh6oBU","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002Falive_and_kicking.gif",[18,18],[618,621,624,626,628],{"__typename":619,"title":620,"isCorrect":267},"options_TableRow","Enter Sandman - Metallica",{"__typename":619,"title":622,"isCorrect":623},"Beat It - Michael Jackson","1",{"__typename":619,"title":625,"isCorrect":267},"Welcome To The Jungle - Guns N' Roses",{"__typename":619,"title":627,"isCorrect":267},"Johnny B Goode - Chuck Berry",{"__typename":619,"title":629,"isCorrect":267},"Back in Black - AC\u002FDC",{"__typename":280,"uid":631,"typeHandle":282,"title":13,"subtitle":13,"subtitleAsParagraph":127,"emoji":13,"text":632,"buttonGroup":633,"image":634,"imagePosition":293,"imageShadow":127,"floatingEmojis":640},"0e64ccf6-b745-4af6-b4a1-6beedbaf81f4","\u003Cp>Daarnaast wordt het digitale signaal van zijn gitaar ook in real-time gevisualiseerd op een HTML5 canvas. Dit verhief zijn talk van een indrukwekkend concert naar een verbluffend audiovisueel spektakel. Om extra indruk te maken besloot Tim om zijn talk ook nog eens interactief te maken. Het publiek kreeg namelijk de kans om te stemmen over welke liedjes hij zou spelen. Dankzij Supabase met GitHub authenticatie kwamen de stemmen live binnen, dus kon het publiek zien welk liedje het populairst was. Per stem verscheen er ook een stuiterende bal op het canvas. Leuk extraatje, je GitHub profielfoto te zien verschijnen in een auditorium met 1500 toeschouwers.\u003C\u002Fp>",[],[635],{"__typename":12,"alt":267,"url":636,"rawUrl":637,"mimeType":252,"focalPoint":638,"height":639,"width":272},"https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002FAudio-Visualization.png?fit=cover&format=webp&s=A75kMsRGIsL3n-0bzHxMfgLTiBnQCp6ghgougdajwWM","https:\u002F\u002Fcdn.craft.cloud\u002Fa6a46d79-dea3-425d-8f36-621fcf53254b\u002Fassets\u002Fimg\u002FImages\u002FAudio-Visualization.png",[18,18],563,[],{"__typename":352,"heroTitle":642,"heroSubtitle":354,"subtitleAsParagraph":127,"heroDescription":643,"heroEmoji":644,"heroCentered":127,"pageHeaderVariant":356,"pageHeaderColorVariant":357,"heroImage":645,"heroVideo":646,"linkTo":13},"Alive & Kicking","Als grootste engelstalige Vue conferentie trekt VueJS Amsterdam developers uit elke hoek van de wereld aan. De meeste bezoekers hadden er aan het begin van de conferentie dus net een lange reis op zitten. Hierdoor kreeg de eerste spreker de grote verantwoordelijkheid om niet alleen een sterke eerste indruk achter te laten, maar ook om het publiek wakker te schudden. “Challenge accepted” dacht spreker Tim Benniks ongetwijfeld. Hij haalde namelijk alles uit de kast om de jetlag en vermoeidheid van elke aanwezige weg te blazen met zijn talk “Alive and Kicking”. Je kent de term Rockstar Developer wel, zo kan je Tim best omschrijven.","🎸",[],[],18,{"Address:53":649,"office_Entry:{\"id\":\"52\",\"language\":\"nl\"}":650,"Address:57":658,"office_Entry:{\"id\":\"56\",\"language\":\"nl\"}":659,"Address:817":667,"office_Entry:{\"id\":\"815\",\"language\":\"nl\"}":668,"Address:821":676,"office_Entry:{\"id\":\"820\",\"language\":\"nl\"}":677,"general_GlobalSet:155":685,"navigationMenuItem_Entry:{\"id\":\"5137\",\"language\":\"nl\"}":689,"navigationMenuItem_Entry:{\"id\":\"167\",\"language\":\"nl\"}":691,"navigationMenuItem_Entry:{\"id\":\"2671\",\"language\":\"nl\"}":693,"navigationMenuItem_Entry:{\"id\":\"168\",\"language\":\"nl\"}":695,"navigationMenuItem_Entry:{\"id\":\"165\",\"language\":\"nl\"}":697,"navigationMenuItem_Entry:{\"id\":\"166\",\"language\":\"nl\"}":699,"navigationMenuGroup_Entry:164":701,"navigationMenuItem_Entry:{\"id\":\"204\",\"language\":\"nl\"}":715,"navigationMenuItem_Entry:{\"id\":\"321\",\"language\":\"nl\"}":717,"navigationMenuItem_Entry:{\"id\":\"350\",\"language\":\"nl\"}":719,"navigationMenuItem_Entry:{\"id\":\"163\",\"language\":\"nl\"}":721,"navigationMenuItem_Entry:{\"id\":\"201\",\"language\":\"nl\"}":723,"layout_GlobalSet:156":725,"ROOT_QUERY":747,"topics_Category:211":772,"insight_Entry:1529":773,"insight_Entry:8028":811,"topics_Category:4982":865,"insight_Entry:4975":866,"insight_Entry:1382":886},["null","__typename",27,"id",28,"addressLine1",29,"addressLine2",30,"addressLine3",13,"countryCode",31,"locality",8,"postalCode",32,"title",33,"latitude",34,"longitude",35],["null","__typename",6,"id",7,"title",8,"language",9,"image",651,"mapsLink",654,"address",655],[652],["null","__typename",12,"alt",13,"url@transform({\"format\":\"webp\",\"quality\":85})",14,"url",15,"mimeType",16,"focalPoint",653,"height",19,"width",20],[18,18],["null","__typename",22,"id",13,"title",13,"url",23,"target",13,"label",23,"defaultLabel",24,"ariaLabel",13],[656],{"__ref":657},"Address:53",["null","__typename",27,"id",49,"addressLine1",50,"addressLine2",13,"addressLine3",13,"countryCode",31,"locality",38,"postalCode",51,"title",52,"latitude",53,"longitude",54],["null","__typename",6,"id",37,"title",38,"language",9,"image",660,"mapsLink",663,"address",664],[661],["null","__typename",12,"alt",13,"url@transform({\"format\":\"webp\",\"quality\":85})",41,"url",42,"mimeType",16,"focalPoint",662,"height",19,"width",19],[18,18],["null","__typename",22,"id",13,"title",13,"url",45,"target",13,"label",45,"defaultLabel",46,"ariaLabel",13],[665],{"__ref":666},"Address:57",["null","__typename",27,"id",69,"addressLine1",70,"addressLine2",30,"addressLine3",13,"countryCode",31,"locality",57,"postalCode",71,"title",57,"latitude",72,"longitude",73],["null","__typename",6,"id",56,"title",57,"language",9,"image",669,"mapsLink",672,"address",673],[670],["null","__typename",12,"alt",13,"url@transform({\"format\":\"webp\",\"quality\":85})",60,"url",61,"mimeType",16,"focalPoint",671,"height",19,"width",63],[18,18],["null","__typename",22,"id",13,"title",13,"url",65,"target",13,"label",13,"defaultLabel",66,"ariaLabel",13],[674],{"__ref":675},"Address:817",["null","__typename",27,"id",89,"addressLine1",90,"addressLine2",91,"addressLine3",13,"countryCode",31,"locality",76,"postalCode",92,"title",76,"latitude",93,"longitude",94],["null","__typename",6,"id",75,"title",76,"language",9,"image",678,"mapsLink",681,"address",682],[679],["null","__typename",12,"alt",13,"url@transform({\"format\":\"webp\",\"quality\":85})",79,"url",80,"mimeType",16,"focalPoint",680,"height",82,"width",83],[18,18],["null","__typename",22,"id",13,"title",13,"url",85,"target",13,"label",13,"defaultLabel",86,"ariaLabel",13],[683],{"__ref":684},"Address:821",["null","__typename",97,"id",98,"uid",99,"language",9,"logo",686],[687],["null","__typename",12,"alt",13,"url@transform({\"format\":\"webp\",\"quality\":85})",102,"url",103,"mimeType",16,"focalPoint",688,"height",105,"width",106],[18,18],["null","__typename",120,"id",121,"uid",122,"uri",13,"title",13,"language",9,"typeHandle",123,"linkIcon",13,"linkTo",690,"waveAnimation",127,"newItem",127],["null","__typename",22,"id",13,"title",13,"url",125,"target",13,"label",13,"defaultLabel",126,"ariaLabel",13],["null","__typename",120,"id",129,"uid",130,"uri",13,"title",13,"language",9,"typeHandle",123,"linkIcon",13,"linkTo",692,"waveAnimation",127,"newItem",127],["null","__typename",22,"id",13,"title",13,"url",132,"target",13,"label",13,"defaultLabel",133,"ariaLabel",13],["null","__typename",120,"id",135,"uid",136,"uri",13,"title",13,"language",9,"typeHandle",123,"linkIcon",13,"linkTo",694,"waveAnimation",127,"newItem",127],["null","__typename",22,"id",13,"title",13,"url",138,"target",13,"label",139,"defaultLabel",139,"ariaLabel",13],["null","__typename",120,"id",141,"uid",142,"uri",13,"title",13,"language",9,"typeHandle",123,"linkIcon",13,"linkTo",696,"waveAnimation",127,"newItem",127],["null","__typename",22,"id",13,"title",13,"url",144,"target",13,"label",145,"defaultLabel",146,"ariaLabel",13],["null","__typename",120,"id",148,"uid",149,"uri",13,"title",13,"language",9,"typeHandle",123,"linkIcon",13,"linkTo",698,"waveAnimation",127,"newItem",127],["null","__typename",22,"id",13,"title",13,"url",151,"target",13,"label",152,"defaultLabel",152,"ariaLabel",13],["null","__typename",120,"id",154,"uid",155,"uri",13,"title",13,"language",9,"typeHandle",123,"linkIcon",13,"linkTo",700,"waveAnimation",127,"newItem",127],["null","__typename",22,"id",13,"title",13,"url",157,"target",13,"label",158,"defaultLabel",158,"ariaLabel",13],["null","__typename",113,"id",114,"uid",115,"title",116,"typeHandle",117,"childItems",702],[703,705,707,709,711,713],{"__ref":704},"navigationMenuItem_Entry:{\"id\":\"5137\",\"language\":\"nl\"}",{"__ref":706},"navigationMenuItem_Entry:{\"id\":\"167\",\"language\":\"nl\"}",{"__ref":708},"navigationMenuItem_Entry:{\"id\":\"2671\",\"language\":\"nl\"}",{"__ref":710},"navigationMenuItem_Entry:{\"id\":\"168\",\"language\":\"nl\"}",{"__ref":712},"navigationMenuItem_Entry:{\"id\":\"165\",\"language\":\"nl\"}",{"__ref":714},"navigationMenuItem_Entry:{\"id\":\"166\",\"language\":\"nl\"}",["null","__typename",120,"id",160,"uid",161,"uri",13,"title",13,"language",9,"typeHandle",123,"linkIcon",13,"linkTo",716,"waveAnimation",127,"newItem",127],["null","__typename",22,"id",13,"title",13,"url",163,"target",13,"label",164,"defaultLabel",164,"ariaLabel",13],["null","__typename",120,"id",166,"uid",167,"uri",13,"title",13,"language",9,"typeHandle",123,"linkIcon",13,"linkTo",718,"waveAnimation",127,"newItem",127],["null","__typename",22,"id",13,"title",13,"url",169,"target",13,"label",13,"defaultLabel",170,"ariaLabel",13],["null","__typename",120,"id",172,"uid",173,"uri",13,"title",13,"language",9,"typeHandle",123,"linkIcon",13,"linkTo",720,"waveAnimation",127,"newItem",127],["null","__typename",22,"id",13,"title",13,"url",175,"target",13,"label",176,"defaultLabel",176,"ariaLabel",13],["null","__typename",120,"id",178,"uid",179,"uri",13,"title",13,"language",9,"typeHandle",123,"linkIcon",13,"linkTo",722,"waveAnimation",127,"newItem",127],["null","__typename",22,"id",13,"title",13,"url",181,"target",13,"label",182,"defaultLabel",182,"ariaLabel",13],["null","__typename",120,"id",184,"uid",185,"uri",13,"title",13,"language",9,"typeHandle",123,"linkIcon",186,"linkTo",724,"waveAnimation",190,"newItem",127],["null","__typename",22,"id",13,"title",13,"url",188,"target",13,"label",189,"defaultLabel",189,"ariaLabel",13],["null","__typename",108,"id",109,"uid",110,"language",9,"navigationMenu",726,"contactTitle",189,"phoneNumber",739,"email",740,"privacyPolicy",741,"cookiePolicy",742,"facebook",743,"instagram",744,"linkedin",745,"twitter",746,"shoutOut",13,"officesTitle",220,"copyrightText",221],[727,729,731,733,735,737],{"__ref":728},"navigationMenuGroup_Entry:164",{"__ref":730},"navigationMenuItem_Entry:{\"id\":\"204\",\"language\":\"nl\"}",{"__ref":732},"navigationMenuItem_Entry:{\"id\":\"321\",\"language\":\"nl\"}",{"__ref":734},"navigationMenuItem_Entry:{\"id\":\"350\",\"language\":\"nl\"}",{"__ref":736},"navigationMenuItem_Entry:{\"id\":\"163\",\"language\":\"nl\"}",{"__ref":738},"navigationMenuItem_Entry:{\"id\":\"201\",\"language\":\"nl\"}",["null","__typename",22,"id",13,"title",13,"url",192,"target",13,"label",193,"defaultLabel",194,"ariaLabel",13],["null","__typename",22,"id",13,"title",13,"url",196,"target",13,"label",197,"defaultLabel",197,"ariaLabel",13],["null","__typename",22,"id",13,"title",13,"url",199,"target",13,"label",200,"defaultLabel",200,"ariaLabel",13],["null","__typename",22,"id",13,"title",13,"url",202,"target",13,"label",203,"defaultLabel",203,"ariaLabel",13],["null","__typename",22,"id",13,"title",13,"url",205,"target",13,"label",206,"defaultLabel",207,"ariaLabel",13],["null","__typename",22,"id",13,"title",13,"url",209,"target",13,"label",210,"defaultLabel",211,"ariaLabel",13],["null","__typename",22,"id",13,"title",13,"url",213,"target",13,"label",214,"defaultLabel",215,"ariaLabel",13],["null","__typename",22,"id",13,"title",13,"url",217,"target",13,"label",218,"defaultLabel",219,"ariaLabel",13],["null","__typename",748,"officesEntries({\"language\":\"nl\"})",749,"globalSets({\"language\":\"nl\"})",758,"entry({\"language\":\"nl\",\"uri\":\"inzichten\u002Fdingen-die-je-in-css-kan-doen-in-plaats-van-javascript\"})",763,"insightsEntries({\"id\":[\"not 1529\"],\"limit\":3,\"offset\":0,\"orderBy\":\"displayDate DESC\",\"relatedToCategories\":[{\"id\":[\"211\"]}]})",765,"entryCount({\"id\":[\"not 1529\"],\"relatedToCategories\":[{\"id\":[\"211\"]}],\"section\":[\"insights\"]})",647],"Query",[750,752,754,756],{"__ref":751},"office_Entry:{\"id\":\"52\",\"language\":\"nl\"}",{"__ref":753},"office_Entry:{\"id\":\"56\",\"language\":\"nl\"}",{"__ref":755},"office_Entry:{\"id\":\"815\",\"language\":\"nl\"}",{"__ref":757},"office_Entry:{\"id\":\"820\",\"language\":\"nl\"}",[759,761],{"__ref":760},"general_GlobalSet:155",{"__ref":762},"layout_GlobalSet:156",{"__ref":764},"insight_Entry:1529",[766,768,770],{"__ref":767},"insight_Entry:8028",{"__ref":769},"insight_Entry:4975",{"__ref":771},"insight_Entry:1382",["null","__typename",260,"id",261,"title",262,"emoji",13],["null","__typename",223,"uid",224,"slug",225,"typeHandle",226,"seomatic({\"asArray\":true})",774,"id",235,"uri",236,"language",9,"displayDate",237,"ctaTitle",238,"ctaSubtitle",239,"authorInsight",775,"categories",780,"ctaLink",783,"bannerImage",784,"blocks",787,"heroContent",810],["null","__typename",228,"metaTitleContainer",229,"metaTagContainer",230,"metaLinkContainer",231,"metaScriptContainer",232,"metaJsonLdContainer",233,"metaSiteVarsContainer",234],[776],["null","__typename",242,"uid",243,"uri",244,"title",245,"firstName",246,"lastName",247,"avatar",777,"role",256,"about",257],[778],["null","__typename",12,"alt",13,"url@transform({\"format\":\"webp\",\"quality\":85})",250,"url",251,"mimeType",252,"focalPoint",779,"height",254,"width",255],[18,18],[781],{"__ref":782},"topics_Category:211",["null","__typename",22,"id",13,"title",13,"url",188,"target",13,"label",264,"defaultLabel",189,"ariaLabel",13],[785],["null","__typename",12,"alt",267,"url@transform({\"format\":\"webp\",\"quality\":85})",268,"url",269,"mimeType",252,"focalPoint",786,"height",271,"width",272],[18,18],[788,789,793,794,798,799,803,804,808,809],["null","__typename",275,"uid",276,"typeHandle",277,"title",13,"text",278,"linkTo",13,"buttonIcon",13,"centerText",127],["null","__typename",280,"uid",281,"typeHandle",282,"title",283,"subtitle",13,"subtitleAsParagraph",127,"emoji",13,"text",284,"buttonGroup",285,"image",790,"imagePosition",293,"imageShadow",127,"floatingEmojis",294],[791],["null","__typename",12,"alt",13,"url@transform({\"format\":\"webp\",\"quality\":85})",288,"url",289,"mimeType",252,"focalPoint",792,"height",291,"width",292],[18,18],["null","__typename",275,"uid",296,"typeHandle",277,"title",13,"text",297,"linkTo",13,"buttonIcon",13,"centerText",127],["null","__typename",280,"uid",299,"typeHandle",282,"title",300,"subtitle",13,"subtitleAsParagraph",127,"emoji",13,"text",301,"buttonGroup",302,"image",795,"imagePosition",310,"imageShadow",127,"floatingEmojis",311],[796],["null","__typename",12,"alt",13,"url@transform({\"format\":\"webp\",\"quality\":85})",305,"url",306,"mimeType",252,"focalPoint",797,"height",308,"width",309],[18,18],["null","__typename",275,"uid",313,"typeHandle",277,"title",13,"text",314,"linkTo",13,"buttonIcon",13,"centerText",127],["null","__typename",280,"uid",316,"typeHandle",282,"title",317,"subtitle",13,"subtitleAsParagraph",127,"emoji",13,"text",318,"buttonGroup",319,"image",800,"imagePosition",293,"imageShadow",127,"floatingEmojis",327],[801],["null","__typename",12,"alt",13,"url@transform({\"format\":\"webp\",\"quality\":85})",322,"url",323,"mimeType",252,"focalPoint",802,"height",325,"width",326],[18,18],["null","__typename",275,"uid",329,"typeHandle",277,"title",13,"text",330,"linkTo",13,"buttonIcon",13,"centerText",127],["null","__typename",280,"uid",332,"typeHandle",282,"title",333,"subtitle",13,"subtitleAsParagraph",127,"emoji",13,"text",334,"buttonGroup",335,"image",805,"imagePosition",310,"imageShadow",127,"floatingEmojis",343],[806],["null","__typename",12,"alt",13,"url@transform({\"format\":\"webp\",\"quality\":85})",338,"url",339,"mimeType",252,"focalPoint",807,"height",341,"width",342],[18,18],["null","__typename",275,"uid",345,"typeHandle",277,"title",13,"text",346,"linkTo",13,"buttonIcon",13,"centerText",127],["null","__typename",275,"uid",348,"typeHandle",277,"title",349,"text",350,"linkTo",13,"buttonIcon",13,"centerText",127],["null","__typename",352,"heroTitle",353,"heroSubtitle",354,"subtitleAsParagraph",127,"heroDescription",355,"heroEmoji",13,"heroCentered",127,"pageHeaderVariant",356,"pageHeaderColorVariant",357,"heroImage",358,"heroVideo",359,"linkTo",13],["null","__typename",223,"typeHandle",226,"dateCreated",363,"id",364,"uri",365,"language",9,"displayDate",366,"ctaTitle",13,"ctaSubtitle",13,"authorInsight",812,"categories",817,"ctaLink",13,"bannerImage",819,"blocks",822,"heroContent",864],[813],["null","__typename",242,"uid",369,"uri",370,"title",371,"firstName",372,"lastName",373,"avatar",814,"role",380,"about",381],[815],["null","__typename",12,"alt",13,"url@transform({\"format\":\"webp\",\"quality\":85})",376,"url",377,"mimeType",252,"focalPoint",816,"height",379,"width",379],[18,18],[818],{"__ref":782},[820],["null","__typename",12,"alt",13,"url@transform({\"format\":\"webp\",\"quality\":85})",386,"url",387,"mimeType",388,"focalPoint",821,"height",390,"width",391],[18,18],[823,829,833,840,847,854],["null","__typename",394,"uid",395,"typeHandle",396,"quote",397,"position",310,"employee",824,"customAuthorName",13],[825],["null","__typename",242,"uid",369,"uri",370,"title",371,"firstName",372,"lastName",373,"avatar",826,"role",380,"about",381],[827],["null","__typename",12,"alt",13,"url@transform({\"format\":\"webp\",\"quality\":85})",376,"url",377,"mimeType",252,"focalPoint",828,"height",379,"width",379],[18,18],["null","__typename",404,"uid",405,"typeHandle",406,"caseDescription",830],[831,832],["null","__typename",409,"uid",410,"typeHandle",411,"title",412,"description",413],["null","__typename",409,"uid",415,"typeHandle",411,"title",416,"description",417],["null","__typename",280,"uid",419,"typeHandle",282,"title",420,"subtitle",13,"subtitleAsParagraph",127,"emoji",13,"text",421,"buttonGroup",834,"image",837,"imagePosition",310,"imageShadow",127,"floatingEmojis",434],[835],["null","__typename",424,"uid",425,"linkTo",836,"scrollTargetUid",13,"buttonVariant",428,"iconName",13],["null","__typename",22,"id",13,"title",13,"url",138,"target",13,"label",427,"defaultLabel",139,"ariaLabel",13],[838],["null","__typename",12,"alt",13,"url@transform({\"format\":\"webp\",\"quality\":85})",431,"url",432,"mimeType",388,"focalPoint",839,"height",390,"width",391],[18,18],["null","__typename",280,"uid",436,"typeHandle",282,"title",437,"subtitle",438,"subtitleAsParagraph",127,"emoji",13,"text",439,"buttonGroup",841,"image",844,"imagePosition",293,"imageShadow",127,"floatingEmojis",452],[842],["null","__typename",424,"uid",442,"linkTo",843,"scrollTargetUid",13,"buttonVariant",428,"iconName",13],["null","__typename",22,"id",13,"title",13,"url",151,"target",13,"label",444,"defaultLabel",152,"ariaLabel",13],[845],["null","__typename",12,"alt",13,"url@transform({\"format\":\"webp\",\"quality\":85})",447,"url",448,"mimeType",449,"focalPoint",846,"height",451,"width",272],[18,18],["null","__typename",280,"uid",454,"typeHandle",282,"title",455,"subtitle",13,"subtitleAsParagraph",127,"emoji",13,"text",456,"buttonGroup",848,"image",851,"imagePosition",310,"imageShadow",127,"floatingEmojis",468],[849],["null","__typename",424,"uid",459,"linkTo",850,"scrollTargetUid",13,"buttonVariant",428,"iconName",13],["null","__typename",22,"id",13,"title",13,"url",157,"target",13,"label",461,"defaultLabel",158,"ariaLabel",13],[852],["null","__typename",12,"alt",13,"url@transform({\"format\":\"webp\",\"quality\":85})",464,"url",465,"mimeType",449,"focalPoint",853,"height",467,"width",272],[18,18],["null","__typename",470,"uid",471,"title",472,"subtitle",473,"textBlock",474,"typeHandle",475,"linkTo",13,"gridItems",855],[856,858,859,861,862],["null","__typename",478,"uid",479,"title",480,"emoji",13,"text",481,"linkTo",857],["null","__typename",22,"id",13,"title",13,"url",169,"target",13,"label",13,"defaultLabel",170,"ariaLabel",13],["null","__typename",478,"uid",484,"title",485,"emoji",13,"text",486,"linkTo",13],["null","__typename",478,"uid",488,"title",489,"emoji",13,"text",490,"linkTo",860],["null","__typename",22,"id",13,"title",13,"url",163,"target",13,"label",13,"defaultLabel",164,"ariaLabel",13],["null","__typename",478,"uid",493,"title",494,"emoji",13,"text",495,"linkTo",13],["null","__typename",478,"uid",497,"title",498,"emoji",13,"text",499,"linkTo",863],["null","__typename",22,"id",13,"title",13,"url",157,"target",13,"label",13,"defaultLabel",158,"ariaLabel",13],["null","__typename",352,"heroTitle",502,"heroSubtitle",503,"subtitleAsParagraph",127,"heroDescription",504,"heroEmoji",505,"heroCentered",127,"pageHeaderVariant",356,"pageHeaderColorVariant",506,"heroImage",507,"heroVideo",508,"linkTo",13],["null","__typename",260,"id",519,"title",520,"emoji",13],["null","__typename",223,"typeHandle",226,"dateCreated",510,"id",511,"uri",512,"language",9,"displayDate",513,"ctaTitle",514,"ctaSubtitle",515,"authorInsight",516,"categories",867,"ctaLink",871,"bannerImage",872,"blocks",875,"heroContent",885],[868,870],{"__ref":869},"topics_Category:4982",{"__ref":782},["null","__typename",22,"id",13,"title",13,"url",188,"target",13,"label",522,"defaultLabel",189,"ariaLabel",13],[873],["null","__typename",12,"alt",525,"url@transform({\"format\":\"webp\",\"quality\":85})",526,"url",527,"mimeType",252,"focalPoint",874,"height",529,"width",530],[18,18],[876],["null","__typename",280,"uid",533,"typeHandle",282,"title",13,"subtitle",13,"subtitleAsParagraph",127,"emoji",13,"text",534,"buttonGroup",877,"image",882,"imagePosition",310,"imageShadow",127,"floatingEmojis",550],[878,880],["null","__typename",424,"uid",537,"linkTo",879,"scrollTargetUid",13,"buttonVariant",357,"iconName",13],["null","__typename",22,"id",13,"title",13,"url",188,"target",13,"label",264,"defaultLabel",189,"ariaLabel",13],["null","__typename",424,"uid",540,"linkTo",881,"scrollTargetUid",13,"buttonVariant",428,"iconName",13],["null","__typename",22,"id",13,"title",13,"url",542,"target",13,"label",543,"defaultLabel",544,"ariaLabel",13],[883],["null","__typename",12,"alt",525,"url@transform({\"format\":\"webp\",\"quality\":85})",547,"url",548,"mimeType",252,"focalPoint",884,"height",529,"width",530],[18,18],["null","__typename",352,"heroTitle",552,"heroSubtitle",13,"subtitleAsParagraph",127,"heroDescription",553,"heroEmoji",554,"heroCentered",127,"pageHeaderVariant",356,"pageHeaderColorVariant",506,"heroImage",555,"heroVideo",556,"linkTo",13],["null","__typename",223,"typeHandle",226,"dateCreated",558,"id",559,"uri",560,"language",9,"displayDate",561,"ctaTitle",238,"ctaSubtitle",239,"authorInsight",887,"categories",892,"ctaLink",894,"bannerImage",895,"blocks",898,"heroContent",919],[888],["null","__typename",242,"uid",564,"uri",565,"title",566,"firstName",567,"lastName",568,"avatar",889,"role",576,"about",577],[890],["null","__typename",12,"alt",13,"url@transform({\"format\":\"webp\",\"quality\":85})",571,"url",572,"mimeType",252,"focalPoint",891,"height",574,"width",575],[18,18],[893],{"__ref":782},["null","__typename",22,"id",13,"title",13,"url",188,"target",13,"label",264,"defaultLabel",189,"ariaLabel",13],[896],["null","__typename",12,"alt",267,"url@transform({\"format\":\"webp\",\"quality\":85})",582,"url",583,"mimeType",252,"focalPoint",897,"height",585,"width",586],[18,18],[899,900,904,905,915],["null","__typename",275,"uid",589,"typeHandle",277,"title",13,"text",590,"linkTo",13,"buttonIcon",13,"centerText",127],["null","__typename",280,"uid",592,"typeHandle",282,"title",593,"subtitle",13,"subtitleAsParagraph",127,"emoji",13,"text",594,"buttonGroup",595,"image",901,"imagePosition",310,"imageShadow",127,"floatingEmojis",603],[902],["null","__typename",12,"alt",267,"url@transform({\"format\":\"webp\",\"quality\":85})",598,"url",599,"mimeType",388,"focalPoint",903,"height",601,"width",602],[18,18],["null","__typename",275,"uid",605,"typeHandle",277,"title",13,"text",606,"linkTo",13,"buttonIcon",13,"centerText",127],["null","__typename",608,"uid",609,"typeHandle",610,"title",611,"image",906,"options",909],[907],["null","__typename",12,"alt",13,"url@transform({\"format\":\"webp\",\"quality\":85})",614,"url",615,"mimeType",449,"focalPoint",908,"height",529,"width",530],[18,18],[910,911,912,913,914],["null","__typename",619,"title",620,"isCorrect",267],["null","__typename",619,"title",622,"isCorrect",623],["null","__typename",619,"title",625,"isCorrect",267],["null","__typename",619,"title",627,"isCorrect",267],["null","__typename",619,"title",629,"isCorrect",267],["null","__typename",280,"uid",631,"typeHandle",282,"title",13,"subtitle",13,"subtitleAsParagraph",127,"emoji",13,"text",632,"buttonGroup",633,"image",916,"imagePosition",293,"imageShadow",127,"floatingEmojis",640],[917],["null","__typename",12,"alt",267,"url@transform({\"format\":\"webp\",\"quality\":85})",636,"url",637,"mimeType",252,"focalPoint",918,"height",639,"width",272],[18,18],["null","__typename",352,"heroTitle",642,"heroSubtitle",354,"subtitleAsParagraph",127,"heroDescription",643,"heroEmoji",644,"heroCentered",127,"pageHeaderVariant",356,"pageHeaderColorVariant",357,"heroImage",645,"heroVideo",646,"linkTo",13]]