Coding Challenges:

Now that we’ve covered basic HTML/CSS/jQuery, these weekly coding challenges are meant to help you flex and develop those coding brain muscles further. There will be three challenges in total. They are simple prompts around a certain interaction topic: “Mouse—Click—Drag,” “Scrolling,” and “Data Input—Output”.

Requirements:

You have the freedom to choose how you want to respond to these in terms of content, design, and user experience. Your solutions must be in the form of a website posted to your b.parsons server space and must work in the most recent version of Chrome. You must use HTML, CSS, and jQuery. The use of plugins is permitted, but if you find one that exactly answers the challenge, I will expect you to customize it so that it is not recognizable as coming from the original source.

Mouse—Click—Drag

The first coding challenge will be in relation to various activities and behaviors related to the mouse or trackpad.

Prompt:

Choose ONE (1) of the following and create a website that meets the challenge:

Option 1: How many ways can you view the images in an image gallery simply by moving your mouse (not clicking, not pressing a scrollbar)? Create a gallery of image galleries, with each individual gallery using a different mouse-movement-based user experience to highlight or enlarge the individual images contained in the gallery.

Option 2: Create a simple drawing tool from scratch. Thinkn in terms of very simple versions of MS Paint, Illustrator/Photoshop, or all of the sketching notes apps on your phone.

Option 3: Create a draggable jigsaw puzzle of your hometown. Draggable means the user must click and drag to position the individual puzzle pieces. Your interpretation of “hometown” is up to you.

Due: 11/16 by 7:00 pm