jdh-company.com / portfolio

PORTFOLIO

Selected web projects.

Web Development

All websites are responsive, follow the very latest web standards and best practices, and are built as lean as possible.

Amber Console

Amber Console — projection console demo on an amber plasma palette
Amber Console — radar scope demo on a P7 CRT phosphor palette

PROJECT

  • Name: Amber Console
  • Type: CSS framework / design system
  • License: BSD 3-Clause (open source)

DESCRIPTION

Monochrome CSS framework with the look of a late-1980s industrial control panel; no runtime dependencies and no build step, with optional JavaScript modules for effects CSS cannot do on its own.

SPECIAL FEATURES

  • 11 palettes: plasma gases and CRT phosphors
  • 9.4 KB gzipped, zero dependencies
  • WCAG AA contrast checked in every palette

URL

dutchdiederik.github.io/AmberConsole

github.com/DutchDiederik/AmberConsole

STACK

  • HTML5
  • CSS3
  • JavaScript
  • npm

Allergy Note

Allergy Note on iPhone — allergy selection, the generated allergy card, and language selection screens

COMPANY

  • Name: Allergy Note
  • Sector: Food allergy / travel
  • Platform: Web app (PWA)

DESCRIPTION

Web app that shows your food allergies and dietary needs in any language, so you can eat safely anywhere in the world; built with React, Vite, and Tailwind CSS.

SPECIAL FEATURES

  • Allergy card in many languages
  • Save allergy card as a picture
  • Copy allergy text to clipboard

URL

https://allergynote.com

STACK

  • HTML5
  • CSS3
  • JavaScript
  • React
  • Tailwind CSS
  • Vite

Poppy Cool

Poppy Cool — home
Poppy Cool — photo book

COMPANY

  • Name: Poppy Cool
  • Sector: Air conditioning
  • Location: Rotterdam, Netherlands

DESCRIPTION

Marketing site with a fullscreen video hero, photo book, and contact form; built with TypeScript and Vite, shipped as a static site.

SPECIAL FEATURES

  • Fullscreen video hero
  • Cookie banner with Google Consent Mode
  • Photo book with project photos

URL

https://poppycool.nl

STACK

  • HTML5
  • CSS3
  • TypeScript
  • Vite
  • JSON-LD
  • Google Analytics

JDH Company

JDH Company — dark theme
JDH Company — light theme

COMPANY

  • Name: JDH Company
  • Sector: IT services
  • Location: Rotterdam, Netherlands

DESCRIPTION

Built without frameworks, dependencies, or a build step; just HTML, CSS, and a small amount of JavaScript.

SPECIAL FEATURES

  • Ultra lightweight
  • Dark and light mode
  • Dutch and English languages

URL

https://jdh-company.com

STACK

  • HTML5
  • CSS3
  • JavaScript
  • JSON-LD
  • SVG
  • Google Analytics