Welcome to my portfolio. This website is an index of the work that I have completed in CPSC 110 at Hobart College over the course of the Fall '11 semester.

In this course we used HTML, CSS (cascading style sheets), JavaScript, AJAX, JQuery and SQL.

HTML Stands for Hypertext Markup Language. It is not a programming language, it is markup language. This means it is a set of markup tags that are used to describe a web page.

CSS is a style sheet language used to describe the presentation of a page. It is very useful and it is what I've used to make the color scheme, font sizes, background images, etc. on this page.

JavaScript is a programming language that we used to 'program' our web pages. This means we used it to add interacivity to our pages.

The following is a series of my favorite web pages that I made in this course.

My First Web Page

My First Page

Lab 2 - Active Buttons and Style Picker

Active Buttons
Style Picker

Active buttons and style picker are two interesting programs that were designed introduce the class to the javaScript programming language. Active buttons and Style Picker is a program where buttons are used to test its use in making pages interactive.

Lab 3 - Multi-Page Website (Index)

Multi-Page Website

This website is essentially a smaller version of this index you're looking at now. It is an index for the math honors awards at HWS.

Lab 5 - Animate, Arrowkeys, FirstDrawing, Mouse

Animate
Arrowkeys
First Drawing

The purpose of this lab was to work with the <canvas> element in JavaScript.

Lab 7 - Looping Art

Looped Art

Using the <canvas> element again, I created a looping, random piece of "art". Click the link above to check it out.

Lab 8 - Gimp Experiment

Experimenting With GIMP

The GIMP experiment was lab in which students were able to use the program GIMP (GNU Image Manipulation Program)to create and edit photos however they wanted. This is a link to a few images I created using GIMP.

Lab 10 - Coin Flips, Jumpy Text and Drop Downs

Coin Flipper
Jumpy Text

The purpose of this lab was to use the JQuery API with javaScript in order to create more advanced events on our webpages. The first example, Coin Flipper uses the fadeIn and fadeOut events that are a part of JQuery.
The second example, Jumpy Text, is a cool page that uses the css position of each word with javaScript and JQuery animate events that causes the words to do something crazy. Finally, Math Courses is a list of HWS math courses that run a drop down event (using JQuery) when they are clicked. Check it out!


I hope you enjoyed my selection of web pages, and if you haven't taken this course with professor Eck yet, I highly recommend it!

- Kyle