SCC de SnaijerSander de Snaijer
Loading Light/Dark Toggle

CSS3

CSS projects and tutorials: responsive layouts, scroll effects, dark mode, and component styling without reaching for a framework.

  1. Screenshot of project page showing portfolio

    Portfolio

    Apr 2025

    I built this portfolio from the ground up to showcase my projects, experiments, and professional work. My goal was to create something fast, easy to update, and enjoyable to browse—both on desktop and...

  2. Open GeoWeb

    Open GeoWeb

    Jan 2020

    OpenGeoWeb is a powerful system for real-time weather monitoring, geo-referenced data analysis, and the generation of forecasts and alerts. What sets it apart is its ability to support both operations...

  3. Campina BOER en LAND

    Campina BOER en LAND

    Jun 2013

    Campina is a well-known Dutch dairy cooperative with deep roots in the Netherlands. This website was created to promote their BOER en LAND product line, a name that literally translates to "farm and l...

  1. 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)

    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.