Smart cropping with native browser Face Detection Many online services will help you with cropping an image while keeping face(s) in view. We can however do this just using an (experimental) browser native API. Let’s build it! Published onJune 29, 2022frontendDave BitterGoogle Developer Expert Web & Developer AdvocateRead more
Vite as an alternative to webpack-encore in Symfony applications Vite (French word for "quick", pronounced /vit/, like "veet") is the fastest frontend build tool at the moment. Webpack-encore integrates perfectly with symfony applications. What if we could have both Published onJune 24, 2022frontendvitesymfonyYves MaerschalckFullstack developerRead more
The future of page transitions with Shared Element Transitions The Shared Element Transitions API allows creating page transitions using a browser API that can provide users with a better visual connection between page-a and page-b by transitioning shared elements on both pages. Published onJune 23, 2022frontendcssjsMilan VogelsFrontend DeveloperRead more
Why lit is 🔥 Every day a new JavaScript library is born, every week a new framework arrives and every month a front-end developer needs to rewrite a date picker 😢 LIT is a modern library for creating component libraries, design systems but also sites and apps. LIT components are web components and as such work anywhere you use HTML. Published onJune 17, 2022frontendLucien ImminkSoftware Architect & Developer AdvocateRead more
Container Queries, the next step towards a truly modular CSS Container queries enables encapsulation of adaptive styling based on the size, style or state of a parent element. This allows responsive component-based architectures, like design systems and component libraries, to provide the most optimal responsive styling within a component itself. Published onJune 15, 2022frontendcssMaarten Van HoofDeveloper Advocate & FrontendRead more
How to save a kitten by writing clean code So you came here to save a kitten? That's wonderful, but the real reason we're both here is to talk about clean code. Published onJune 13, 2022clean-codeJoeri TimmermansLearn & Development ManagerRead more
The infinite legacy cycle in front-end Projects often become legacy in a incredibly short time. I have spoken to people in technology with a variety of skills, experience and roles. Time to find out how they think about this, what tips they have to prevent these issues and more. Published onJune 8, 2022frontendDave BitterGoogle Developer Expert Web & Developer AdvocateRead more
VueJS conference Amsterdam 2022 Together with some colleagues I’ve attended the VueJS conference in Amsterdam. It was nice to meet colleagues from other campuses and having a chance to get to know them in a different setting. The conference itself was a little underwhelming, but that doesn't mean I went home without some valuable takeaways. Published onJune 7, 2022frontendvueconferenceThijs BusserFrontend developerRead more
How accessible are links? Links are one of the main basic elements that you’ll find on any website. Yet, a lot of them are not as accessible as we would like. Published onMay 24, 2022a11yaccessibilityFrank van Eldijk-SmedingSenior Frontend Consultant & Lead AccessibilityRead more
Using best practices to create CSS scroll snapping tabs How should scroll snapping tabs behave when using keys? By reading some best practices, I believe I found an elegant solution. Published onMarch 31, 2022frontendcssa11yBrecht De RuyteFrontend Developer / DevRelRead more
Nuxt 3 is coming, this is why you should be excited! Nuxt 3 beta is out and ready to play with. While not production ready yet, most important features can be experimented with and, as we’ll discuss later, it will bring about an easy way to upgrade at your own pace. Published onJanuary 1, 2022frontendvuenuxtVlad Pintea-GärtnerSenior Frontend ConsultantRead more
First look at Remix There has been a lot of buzz around the open-source release of Remix. I took a first look by following the deep-dive tutorial and this is what I found. Published onDecember 8, 2021frontendreactremixDave BitterGoogle Developer Expert Web & Developer AdvocateRead more