Web Projects

by Mark Brautigam

Map Art Map

A web port of my Map Art Map Project for iOS. This version loads normal size images from the current server, then loads retina images from my Dropbox account in the background.

Sept. 2014–July 2015

Pixar Film Survey

Vote for your favorite Pixar film! Make your voice heard! This survey is implmented in Perl.

CS 149 • Perl Programming • Ohlone College • Spring 2015

Piano Fun

A two-octave piano keyboard that you can play. It will remember what you played and play it back. It uses a JavaScript library to create the audio.

April 2015

Think Mobile

Responsive site that discusses icon standards, iPad media queries, responsive tables, and performance bottlenecks.

GDES 051 • Mobile Design • Spring 2014

Custom Inline SVG Using JavaScript

A tutorial that uses the Bootstrap framework to implement a responsive design.

GDES 051 • Mobile Design • Spring 2014

Square Dance Dictionary

A dictionary of 1400+ square dance call definitions targeted to mobile devices. Uses jQuery Mobile.

GDES 051 • Mobile Design • Spring 2014

Be Prepared for a Disaster

Responsive site that uses drop-down menus and accordion menus to display information about preparing for earthquakes and hurricanes.

GDES 046 • Web Development • Fall 2012

Girl Power

This responsive site for a student mentoring program uses shadows, tabs, and forms to create a trustworthy presentation.

GDES 046 • Web Development • Fall 2012

CSS Steampunk Garden

My entry for the CSS Zen Garden experiment.

Note: this is not a responsive site and it does not render well on mobile devices.

GDES 046 • Web Development • Fall 2012

Shell Maps

A web site about one of my hobbies: collecting Shell and Chevron road maps.

GDES 045 • Web Design • Summer 2012

Hot Foot Spin

This is a possible new interface for the main square dance calendar on the Mixed-Up Squares web site. This site uses PHP to obtain the event calendar directly from the mixed-up.com database.

Note: this is not a responsive site and it does not render well on mobile devices.

GDES 045 • Web Design • Summer 2012

Copyright © 2012–2015 Mark Brautigam