Hello 👋 I am Quentin Hocdé, a freelance creative and front-end developer with over 10 years of experience. I mainly create animated and interactive websites. I am also ex-lead front-end at Locomotive. I have always shared a lot about my workflow, my way of building websites, and I am one of the creators of locomotive-scroll. For years, my front-end stack has been based on the boilerplate we created at Locomotive, using modularJS for component-style management of JavaS
How I shaved 1.5 minutes off my Eleventy build time
I had a revelation earlier today that solved a long-standing performance issue I’ve been having with the initial build of my Eleventy website, and here’s how it saved me a bunch of time!
Drams - Framer components inspired by Dieter Rams' principles
Elevate your digital projects with sleek Framer UI elements inspired by Dieter Rams. Explore buttons, sliders & components designed for simplicity & functionality.
Discover Lummi: Photos Sans Photographer. The ultimate source for free AI-generated stock photos and royalty-free images. Perfect for designers, marketers, and creatives. No photographers, just algorithms like OpenAI's Dall-e and Midjourney. Browse our extensive library today
Menus, toasts and more with the Popover API, the dialog element, invokers, anchor positioning and @starting-style
Dropdowns, menus, tooltips, comboboxes, toasts — the popover attribute will make building a large variety of UI components easier. The popover attribute can be used on any HTML element, so you have…
Tired of juggling Git and YAML to update your Next.js, Astro, Hugo or Nuxt website? Make it easy on you and your team, get a user-friendly CMS running straight on top of GitHub.
What is a quantity query? It’s a bit of CSS that allows you to style an element (and its descendants) based on how many children the element has. Example of a Quantity Query Situation Imagine…
I just wrote about the dialog element, with some basic usage and things to watch for. It’s a great addition to the web platform. Here’s another interesting thing we can do, conn…