You have discovered the work of
JP de Vries

Show me what you got


Over the past 10 years I have bridged design and development by specializing in Graphic Design and Full Stack Web Development with a strong emphasis on reliable performance, speed, accessibility, and web standards.

These days I specialize in
creating hyper performant React web apps.

 Web Development

  • Babel
  • CSS3
  • git
  • Grunt
  • Gulp
  • Heroku
  • HTML5
  • JavaScript
  • PostgreSQL
  • MySQL
  • PHP
  • MODX
  • jQuery
  • React
  • Sass
  • TypeScript
  • webpack
  • NodeJS

 Graphic Design

  • Bachelor of Science Degree in Graphic Design

  • Photoshop
  • Illustrator



Front End or Back End, design or development, guidance is just a consult away.

 Schedule a consult


Redactor for MODX

This commercial WYSIWYG editor brings you a lightweight & user friendly MODX editing experience

#MODX #PHP #modmore


 PDF Download


My experience as an educator began in 2009 as a College Professor at the Art Institute of Portland. Today, as a coding bootcamp mentor at Thinkful I have the priveledge of guiding dozens of Web Development students along their journey. I believe the best way to master a skill is to teach it. Through my students, I have learned more about myself, my craft, and my aspirations as an architect of the world wide web.


Open Source

I enjoy contributing to various open source projects; afterall open software is what makes the world go around.

MODX Next Setup

MODX Next Setup Design

This all–new MODX concept originated at the MODX Meetup in Malta and aims to make the unboxing experience of MODX more accessible to end users. Take it for a spin.

Accessible Data Grid

MODX Next Setup Design

This mobile–first data grid meets accessibility success criteria while being progressively enhanced with React/Redux. It aspires to one day be found within the popular MODX Content Management System.


Each day I work towards a web for everyone by studying accessibile inclusive design patterns, mentoring students.

Schedule an Accessibility Consult


Over at Markup.Tips I share tools, tips, and components.


Creating Hyper Performant Web Apps with React



MODX Create Resource Concept

#MODX #vanillajs

All–new MODX Setup Concept

#MODX #a11y

MODX Setup Permissions

#MODX #a11y

Saving Data with the Save Data Header


Architecting a Futuristic MODX Manager

#MODX #design

Manage Users CMP

#MODX #react

Benefits of Designing HTML–first

#HTML5 #design #a11y #seo



My inbox is always open.

 Drop me a line