[{"data":1,"prerenderedAt":227},["ShallowReactive",2],{"DefaultLayoutnl":3,"language-blog-slug-favoriete-presentaties-css-day-2022-i18n-slugs":132,"language-blog-slug-nl-favoriete-presentaties-css-day-2022":136},{"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},"163140903","Contact",{"__typename":38},"ContactRecord",[40,46,51,56,61],{"id":41,"title":42,"link":43},"163140909","Impact",{"__typename":44,"slug":45},"PageRecord","impact",{"id":47,"title":48,"link":49},"163140910","Services",{"__typename":50},"ServiceOverviewRecord",{"id":52,"title":53,"link":54},"163140911","Cases",{"__typename":55},"CaseOverviewRecord",{"id":57,"title":58,"link":59},"163140913","Over ons",{"__typename":44,"slug":60},"about-us",{"id":62,"title":63,"link":64},"NnUFs73_Saa8XE_jYZFHcw","Werken bij",{"__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},"144185271",{"__typename":44,"slug":45},{"id":72,"title":48,"link":73},"144185272",{"__typename":50},{"id":75,"title":53,"link":76},"144185273",{"__typename":55},{"id":78,"title":79,"link":80},"144185274","Blog",{"__typename":81},"BlogPostOverviewRecord",{"id":83,"title":58,"link":84},"144185275",{"__typename":44,"slug":60},{"id":86,"title":36,"link":87},"144185276",{"__typename":38},{"id":89,"title":90,"link":91},"144185277","FAQ",{"__typename":44,"slug":92},"faq","Creative Commons licentie en disclaimer","CC BY 4.0","https:\u002F\u002Fcreativecommons.org\u002Flicenses\u002Fby\u002F4.0\u002F","PDF bestand van De Voorhoede privacy statement","Privacy statement","https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1763455427-vh-isms-007-privacy-statement-de-voorhoede-nl.pdf",[100,112,122],{"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",null,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":118},"c5mCXRTiSraRIB25fw1p7Q",{"url":115,"alt":104,"width":116,"height":117},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1687353461-dda-boxlogo-black.png",627,480,{"__typename":108,"id":119,"title":120,"url":121},"P6Jh7B0cTv2cKyNEeKVWVQ","Dutch Digital Agencies","https:\u002F\u002Fdutchdigitalagencies.com\u002Fleden\u002Fde-voorhoede\u002F",{"id":123,"image":124,"link":127},"MT5SCyNxSTSr_v5eeATMZw",{"url":125,"alt":104,"width":126,"height":126},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1775730283-dnv.png",518,{"id":128,"title":129,"link":130},"BRtNB5HnT5i-7HkA8IYzBw","DIV",{"__typename":44,"slug":131},"impact\u002Fdigitale-producten-privacy-by-design",[133],{"locale":134,"value":135},"nl","favoriete-presentaties-css-day-2022",{"page":137},{"slug":135,"i18nSlugs":138,"social":140,"title":145,"subtitle":79,"isArchived":146,"headerIllustration":104,"date":147,"authors":148,"introTitle":171,"items":172,"pivots":224,"relatedBlogPosts":225,"tags":226,"onMountedScript":151,"onUnmountedScript":151},[139],{"locale":134,"value":135},{"title":141,"description":142,"image":143},"CSS Day 2022: Onze favoriete presentaties","Onze developers waren aanwezig bij CSS Day 2022. Twee dagen lang hebben zij inspiratie en kennis opgedaan. Benieuwd naar de favoriete presentaties? Lees verder.",{"url":144},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1655461377-img_20220609_091739.jpg","CSS Day 2022: onze favoriete presentaties ",false,"2022-06-17T02:00:00.000+02:00",[149,157,164],{"name":150,"lastName":151,"slug":152,"image":153},"James","","james",{"url":154,"alt":104,"width":155,"height":156},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683534742-james.jpg",1811,2415,{"name":158,"lastName":151,"slug":159,"image":160},"Roos","roos",{"url":161,"alt":104,"width":162,"height":163},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1683535085-roos.jpg",2028,2704,{"name":165,"lastName":151,"slug":166,"image":167},"Wessel","wessel",{"url":168,"alt":165,"width":169,"height":170},"https:\u002F\u002Fwww.datocms-assets.com\u002F6524\u002F1721035942-wessel.jpg",2135,2868,"Bij De Voorhoede krijgt iedereen een studiebudget van €1.000 per jaar. Plus 2 dagen vrij om te besteden aan je ontwikkeling. ",[173,177,188,192,196,200,204,212,216,220],{"__typename":174,"id":175,"title":151,"body":176},"TextSectionRecord","S_r1FeaBRVKgNHjziuzjJQ","\u003Cp>O.a. James, Roos en Wessel kozen ervoor om hiervan naar CSS Day te gaan. Twee dagen lang hebben zij inspiratie en kennis opgedaan. Benieuwd naar hun ervaring, inzichten en favoriete presentaties? Lees snel verder.\u003C\u002Fp>",{"__typename":178,"id":179,"mute":146,"loop":146,"autoplay":146,"caption":151,"video":180,"gif":104},"ResponsiveVideoRecord","Li6IQQpqRVOdXtXLQtyQ_A",{"url":181,"title":182,"height":183,"width":184,"provider":185,"providerUid":186,"thumbnailUrl":187},"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=snZW_UrmkCU","CSS day 2022: Event verslag door Roos van De Voorhoede",113,200,"youtube","snZW_UrmkCU","https:\u002F\u002Fi.ytimg.com\u002Fvi\u002FsnZW_UrmkCU\u002Fhqdefault.jpg",{"__typename":174,"id":189,"title":190,"body":191},"P1JML9DbRQaOjdSxR8Lv2Q","CSS Day 2022","\u003Cp>\u003Cspan style=\"font-weight: 400;\">James: \u003C\u002Fspan>\u003Cspan style=\"font-weight: 400;\">Persoonlijk vond ik het super tof, vooral de eerste dag. Het was ook mijn eerste conferentie, dat maakte het extra speciaal. Er waren veel oud-docenten van mij aanwezig, dus dat was ook gezellig.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":174,"id":193,"title":194,"body":195},"LqQQHWlmRdOVroZ8w2VCiA","Browser interpretatie van CSS","\u003Cp>Wessel: De presentaties die mij het meest trokken waren de deep dive presentaties. Daarbij werd gekeken hoe bepaalde aspecten van browsers en CSS ‘under the hood’ werken. Zo was er was een presentatie Bramus Van Damme. Hij vertelde over hoe de browser CSS interpreteert en bepaalt welke styling toegepast moet worden.\u003C\u002Fp>\n\u003Cp>Roos: \"The CSS Cascade A Deep Dive” vond ik ook erg nuttig. Ik wilde al een code class geven over @layer, dus deze talk op CSS Day kwam perfect uit! Bramus kon het ontzettend goed uitleggen en hij had prachtige voorbeelden.\u003C\u002Fp>",{"__typename":174,"id":197,"title":198,"body":199},"ckI4Oo2NS_uK05FHFLC5vw","Hacks voor CSS custom properties","\u003Cp>\u003Cspan style=\"font-weight: 400;\">James: “CSS Variable Secrets” van Lea Verou was een leuke en leerzame talk over CSS custom properties. Lea deelde allerlei ‘hacks’ die super creatief en bruikbaar zijn. Ik ben van plan om een code-class te geven die hierop gebaseerd is. Momenteel gebruikt iedereen bij ons CSS variabelen, maar op een super beperkte manier. Hopelijk kan ik iedereen laten zien wat je er verder mee kunt bereiken, net als Lea dat bij mij deed.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":174,"id":201,"title":202,"body":203},"CkAz4NfPTVuBrP8ZXx69fw","Creative CSS Layout","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Roos: Michelle Barker gaf een presentatie over Creative CSS Layout. Wanneer gebruik je Flex en wanneer Grid, welke features komen eraan? Dat lijkt me ook super leuk om verder te ontdekken en te volgen. Toekomstige features zijn subgrid, container queries en de \"has() pseudo selector (\"parent selector\").\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":205,"id":206,"image":207,"caption":151,"fullWidth":146,"captionPosition":211},"ImageRecord","b2iPSqm7Q_qCIQCakSLVxw",{"url":144,"alt":208,"width":209,"height":210},"Team van De Voorhoede bij CSS Day",4608,3456,"bottom",{"__typename":174,"id":213,"title":214,"body":215},"NMT4RcdITC-NkfuuDOVdPQ","Waardering voor de techniek","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Wessel: Daarnaast vond ik de deep dive into color spaces erg interessant. Deze werd gegeven door Chris Lilley. De topics waar hij over vertelde, zal ik zelf waarschijnlijk niet vaak nodig hebben, maar ik merkte wel dat me aan het denken zette. De presentatie heeft ervoor gezorgd dat ik meer waardering heb voor de technologie waar ik me dagelijks mee bezighoud.\u003C\u002Fspan>\u003C\u002Fp>",{"__typename":174,"id":217,"title":218,"body":219},"R0_jI5a7RYivKU_Ad5VdoA","Praktische tips over scroll snap","\u003Cp>\u003Cspan style=\"font-weight: 400;\">Roos: Een andere presentatie die er voor mij uitsprong is \"Oh snap!\" van Adam Argyle. Deze presentatie ging over scroll snap: van de basics, naar advanced tot toekomstige features. Super veel praktische tips én zijn presentatie heeft hij ook gebouwd met scroll snap. Ik ga sowieso al zijn tips 'n tricks uitproberen. \u003C\u002Fspan>\u003C\u002Fp>",{"__typename":174,"id":221,"title":222,"body":223},"P-nFwcOSRWazoycBL-KEcQ","De favoriete presentaties van onze developers","\u003Cul>\n  \u003Cli style=\"font-weight: 400;\" aria-level=\"1\">\u003Cspan style=\"font-weight: 400;\">“The CSS Cascade A Deep Dive” van \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fbramus\" target=\"_blank\" rel=\"noopener\">\u003Cspan style=\"font-weight: 400;\">Bramus Van Damme\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"font-weight: 400;\">. \u003Cbr \u002F>\u003C\u002Fspan>\u003Cspan style=\"font-weight: 400;\">Slides: \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fslidr.io\u002Fbramus\u002Fthe-css-cascade-a-deep-dive-2022-06-09-css-day#1\" target=\"_blank\" rel=\"noopener\">\u003Cspan style=\"font-weight: 400;\">https:\u002F\u002Fslidr.io\u002Fbramus\u002Fthe-css-cascade-a-deep-dive-2022-06-09-css-day#1\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fli>\n  \u003Cli style=\"font-weight: 400;\" aria-level=\"1\">\u003Cspan style=\"font-weight: 400;\">“CSS Variable Secrets” van \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fcssday.nl\u002F2022\u002Fspeakers#lea\" target=\"_blank\" rel=\"noopener\">\u003Cspan style=\"font-weight: 400;\">Lea Verou\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"font-weight: 400;\">. \u003Cbr \u002F>Slides: \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fprojects.verou.me\u002Ftalks\u002Fdynamic-css-secrets\u002F#intro\" target=\"_blank\" rel=\"noopener\">\u003Cspan style=\"font-weight: 400;\">https:\u002F\u002Fprojects.verou.me\u002Ftalks\u002Fdynamic-css-secrets\u002F#intro\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"font-weight: 400;\">\u003Cbr \u002F>\u003C\u002Fspan>\u003C\u002Fli>\n  \u003Cli style=\"font-weight: 400;\" aria-level=\"1\">\u003Cspan style=\"font-weight: 400;\">Creative CSS layout: the flexible web van \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002FMicheBarks\" target=\"_blank\" rel=\"noopener\">\u003Cspan style=\"font-weight: 400;\">Michelle Barker\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"font-weight: 400;\">. \u003Cbr \u002F>Slides: \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fnoti.st\u002Fmbarker84\u002FyGiO0I\u002Fcreative-css-layout-the-flexible-web\" target=\"_blank\" rel=\"noopener\">\u003Cspan style=\"font-weight: 400;\">https:\u002F\u002Fnoti.st\u002Fmbarker84\u002FyGiO0I\u002Fcreative-css-layout-the-flexible-web\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fli>\n  \u003Cli style=\"font-weight: 400;\" aria-level=\"1\">\u003Cspan style=\"font-weight: 400;\">“Escaping the sRGB Prison” van \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fsvgeesus\" target=\"_blank\" rel=\"noopener\">\u003Cspan style=\"font-weight: 400;\">Chris Lilley\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"font-weight: 400;\">. \u003Cbr \u002F>\u003C\u002Fspan>\u003Cspan style=\"font-weight: 400;\">Slides: \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fsvgees.us\u002FEscape-sRGB\u002F#intro\" target=\"_blank\" rel=\"noopener\">\u003Cspan style=\"font-weight: 400;\">https:\u002F\u002Fsvgees.us\u002FEscape-sRGB\u002F#intro\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fli>\n  \u003Cli style=\"font-weight: 400;\" aria-level=\"1\">“Oh Snap!” van \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fargyleink\" style=\"letter-spacing: 0px;\" target=\"_blank\" rel=\"noopener\">\u003Cspan>Adam Argyle\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"font-weight: 400;\">. \u003Cbr \u002F>Slides: \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Foh-snap.netlify.app\u002F\" style=\"letter-spacing: 0px;\" target=\"_blank\" rel=\"noopener\">\u003Cspan>https:\u002F\u002Foh-snap.netlify.app\u002F\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>",[],[],[],1776256143428]