logo

Mead.Design

KITTENS FOR SALE!

Introduction

I occasionally teach a JavaScript class that has a mixture of students, some of whom are specifically interested in web design, and other are more interested in graphic design.

The challenge is to put together a class that gets the web students the experience they need with JavaScript, while also providing the more design focused students an experience appropriate for them.

As a result, the class has a lot of options for both groups to explore and experiment with interactivity, interaction design and common design patterns found on the web.

This particular page about kittens, besides having lots of really cute pictures of kittens, demonstrates the types of skills students learn in the class, as well as provides an overview of some common design patterns mentioned above.

You can check out the full completed project here:

http://mead.design/kittens

Image Slider

Image sliders are all over the web, and frequently used for the wrong purpose. This page is using the excellent flexslider script to create a complex slider with animated call to action and header text in the slider.

We build all sorts of slideshows and image sliders in this class, but this particular solution is very robust and fairly easy for anyone with basic HTML and CSS skills to implement.

kittens01

The Kitten Acquisition Form

The real gem of this project is the kitten acquisition form. No one enjoys making forms or programming form validation, but it is a very important thing to know how to do, as it has a big impact on users of your website.

This form has the added benefit of including a fully functional kitten affordance calculator.

The form validation is provided by the excellent jQuery form validator plugin, which allows for a great deal of customization.

kittens02

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