Whilst at Toaster I was lead developer on a brand new website for YouTube, showcasing how advertisers can promote their products on YouTube. The site was built ground up with performance taking a key role, using modern techniques such as service worker caching to allow offline use and precaching as well as lazy loading of responsive images. Maintaining a consistent 60 frames per second by creating performant hardware accelerated CSS animations.
The new YouTube branding consisted of triangles, which proved to be challenging when the web is built with rectangles. Using a mixture of CSS masking, and SVG overlays I was able to achieve this effect, allowing it to scale responsively.
The project proved to be challenging yet through the strategies we implemented it proved to be a massive success, speeding up the site by x amount and increasing engagement by x amount, as well as adding support for 19 languages including alternative layouts for right to left.