logo

Mead.Design

Experimental JavaScript

Introduction

The challenge of this website was to find a way to showcase my ongoing experiments with JavaScript and articulate my interest in creating art that is native to the web browser.

We often put pictures of art on the web, but this work is actually made of web elements and can really only exist within that medium.

The Abstract Expressionist movement, that took place in the mid-twentieth century has always been some of my favorite work. This work is partly about imagining what the likes of Kandinsky, Pollock and Motherwell would have done if they had the web in the 1950’s.

This website, created in the winter of 2016 is live at http://wmmead.com. I encourage you to check it out and explore it.

Finding Ways to Showcase the Work

The main challenged I faced when creating this site, was finding a good way to showcase the iterative process of developing these recursive JavaScript programs. With each iteration, they become more complex and the world of their possibilities opens up a little more.

I came up with the idea of actually having the program running, in its most advanced form, at the top of the page, in the header. Then each version of the experiments is outlined in small pods going across the page.

Interspersed are videos I created for viewers who are perhaps less inclined to read about the process and the development, but all the content is available and easy to explore.

wmmead02

Innovative Interactivity

As an added way of interacting with the content, I came up with the innovative idea of putting a clickable arrow at the bottom right of the header and animating the size of the header to fit the size of the browser window, allowing the viewer to get a fuller picture of the program in its creation process.

wmmead03

Native JavaScript Only

Another challenge I set myself, was to use native JavaScript only. It is easy to become reliant on libraries like jQuery and others, and I wanted to stay away from those and hone my JavaScripting skills.

Then when it came time to add this contact form at the end of the project, I was loath to add jQuery just to do a simple AJAX form submission, so I modified my own native AJAX engine and built in some custom JavaScript validation that gives this site a little extra unique flare. Its the kind of small thing I get really excited about.

wmmead05

Explaining Each Iteration

Each pod on the front page leads to a sub page that goes into detail about that particular version of the program, which is also running in the header, to keep consistency with the front page.

I used my own custom built snippet generator to display pieces of code that are unique to this specific iteration of the program and help describe my thought process as the project becomes bigger and more complex.

wmmead06

Featured Projects

  1. ZAP Creative

    Responsive Design, HTML, CSS, JS, PHP and WordPress

  2. Animal Shelter

    Responsive Design, HTML, CSS, JS, PHP and MySQL

  3. Experimental JavaScript

    Responsive Design, HTML, CSS, and JavaScript

  4. KITTENS FOR SALE!

    HTML, CSS & JavaScript focusing on jQuery plugins

  5. Syllabus Generator

    PHP & MySQL Web Application

  6. CodeSnap Web Application

    PHP & MySQL web application

More Projects

  1. 4.23 Microsite

    Experimental JavaScript Microsite

  2. Audio Space

    HTML, CSS & jQuery

  3. Bttrfly Productions

    HTML, CSS, JS, & WordPress

  4. Desktop Repainter

    HTML, CSS & JS

  5. Bluephant Dental

    HTML, CSS, & JS

  6. Zen Music Festival

    HTML & CSS

About William Mead…

William Mead Photo

This site shows some of my front-end design and development work and shows how I use these projects to teach students about those same topics.

Find me on these networks

Professional Qualities

  • Enthusiastic about teaching, learning, managing projects and building products for the web.
  • Deeply creative and always playful. Frequently engrossed in solving complex puzzles.
  • Thoroughly engaged in the design and web development industries.
  • A visual learner with an analytical mind.
  • Introspective and always striving for improvement.

Skills

I am particularly good at bending CSS to do my bidding, and I really enjoy creating custom interactivity with JavaScript. I am always excited about new problems that need to be tackled.

Contact Me…

I look forward to hearing from you. Please contact me using the form or directly by email or phone.

bill@mead.design
530-219-8998

Your Name (required)

Your Email (required)

Subject

Your Message

Anti Spambot Question