SCC de SnaijerSander de Snaijer
Loading Light/Dark Toggle

Blog

  1. MediaPipe Face Mesh Landmark Index: Visual Guide to All 478 Points

    MediaPipe Face Mesh Landmark Index: Visual Guide to All 478 Points

    29 Apr 2026

    A complete visual reference for all 478 MediaPipe Face Mesh landmark indices. Grouped by face region with copy-paste JavaScript code snippets for eyes, mouth, nose, jawline and forehead detection.

  2. How I built open source gesture controls for OpenLayers, Google Maps & Leaflet (with MediaPipe)

    How I built open source gesture controls for OpenLayers, Google Maps & Leaflet (with MediaPipe)

    12 Apr 2026

    Add hand gesture controls to OpenLayers, Google Maps, or Leaflet using MediaPipe hand tracking. Pan, zoom, and rotate maps with just a webcam. Open source, runs entirely in the browser, no backend needed. Includes CDN setup and JavaScript examples

  3. MediaPipe hand tracking and face detection in JavaScript: build a rainbow meme drawing app in the browser

    MediaPipe hand tracking and face detection in JavaScript: build a rainbow meme drawing app in the browser

    22 Mar 2026

    A beginner MediaPipe JavaScript tutorial: build a real-time hand tracking and face detection app in one HTML file. Draw rainbow trails, burst star particles with a peace sign, and trigger Spongebob face effects by opening your mouth. No npm, no backend, runs entirely in the browser using your webcam.

  4. How to Make Stained Glass with Resin - No Glass Cutting Required

    How to Make Stained Glass with Resin - No Glass Cutting Required

    7 Mar 2026

    Learn how to create realistic stained glass using resin and a few simple tools. A beginner-friendly alternative to traditional glass cutting, with step-by-step photos.

  5. Building a Multi-Language Sudoku App for iOS and Android (Lessons from Sudoku Ultimato)

    Building a Multi-Language Sudoku App for iOS and Android (Lessons from Sudoku Ultimato)

    8 Feb 2026

    A developer's honest account of shipping a Flutter Sudoku app to the App Store and Play Store, including localization, store submissions, and lessons.

  6. How to Make Custom Chocolate Bars with a 3D Printed Mold

    How to Make Custom Chocolate Bars with a 3D Printed Mold

    8 Nov 2025

    Design and 3D print your own chocolate bar mold, cast a food-safe silicone mold, and pour custom chocolate bars with any logo or shape.

  7. How to Build a Responsive Header that Changes on Scroll (HTML, CSS, JavaScript)

    How to Build a Responsive Header that Changes on Scroll (HTML, CSS, JavaScript)

    20 Apr 2025

    Step-by-step tutorial on building a responsive sticky header with scroll-based behaviour using vanilla HTML, CSS and JavaScript. No frameworks needed.

  8. Building a Developer Portfolio with Next.js and Sanity (Headless CMS Setup)

    Building a Developer Portfolio with Next.js and Sanity (Headless CMS Setup)

    14 Apr 2025

    How I built a portfolio and blog with Next.js and Sanity CMS. Covers static generation, structured data with JSON-LD, TypeScript, Tailwind CSS, and deploying to Vercel. Full source code available.

  9. Building My First Flutter App: Lessons from a New Mobile Developer

    Building My First Flutter App: Lessons from a New Mobile Developer

    2 Mar 2025

    What it's really like to build your first Flutter app without mobile experience, the surprises, mistakes, and lessons from a frontend web developer.

  10. How I Built a 3D Printed Arduino Word Clock with Minute Accuracy

    How I Built a 3D Printed Arduino Word Clock with Minute Accuracy

    9 Feb 2025

    A step-by-step DIY build guide for a 3D printed Dutch word clock with minute accuracy, using Arduino, WS2812B LEDs, and a custom letter grid designed in Fusion 360.