Coleman D

Welcome to my web design portfolio. Each of these demo pages emphasize one particular aspect of HTML, CSS or JavaScript. The thumbnails contain the Adobe XD prototype designs I created before I coded each site. All of the following pages were written to maximize usability, accessibility, and responsiveness.

thumbnail image of flexbox demo site


A simple demo blog site written in CSS Flexbox.

thumbnail image of grid layout demo site

Grid Layout

A teams site demo built using CSS Grid Layout.

thumbnail image of javascript demo site


A simple Flexbox web blog that demonstrates interactivity with JavaScript.

thumbnail image of accessible form demo

Accessible Form

A demo payment form written using flex and grid with accessibility in mind.

thumbnail image of accessible table demo

Accessible Table

A demo of a pricing table written with vision impaired users and screen readers in mind.