Bite Size Web Journal

Green Apple with Bite

Assignment 2 - Thoughts

Previously....

I know from personal experience that learning how to create digital content can be overwhelming. So much to learn and I am so accustomed to seeing advanced designs and sites that have endless content, but I do not yet know how to make them to the level I am used to seeing.

But, still, I am supposed to make a 3-page site for my class. What would be interesting to work with and view – that I can actually create? I mean, why just create visual pollution? Why waste time with a lame treatment of a worthy topic? Even if I knew how, would some fancy animation actually make things more interesting?

Roman SoldierI could write on about “The Fall of Rome,” or “Early Muslim Conquests,” or “America’s Founding Principles”; or write a review of a book I want to read (“How Then Shall We Live” by Francis Schaeffer or “The Gulag Archipelago” by Aleksander Solzhenitsyn) … or how about…no, too much time.

Favorite paintings…maybe, but, geez, where to even start? And how to cover enough to be interesting in three pages? (Spend extra time adding more pages? Oh, be serious…)

Kitty snoozing

thinking....

thinking....

How to continue?

What’s really bothering? A text-based, 3-page site with static text and images would likely be really boring.

There. I said it.

Time to apply the ultimate problem solver:

Break the problem down into smaller bites.

Therefore, take small steps forward: Learn two techniques to add interest beyond static and find out if non-static presentation allows denser, more interesting options for readers. Document them. Not a tutorial, just show what I learned to make. Onward!

Following is a list of the examples I created together with examples of some of the requirements for the assignment.

Techniques

Assignment 3 - More Thoughts

I know from personal experience that practicing web design/development techniques makes it easier to design web pages. The more you practice the less overwhelming it is. As my Grandma would say: “Fancy that!”

Apparently, if I submit to learning how to make a form, I get a blank canvas to play with. (But, in the real world of work, when would I use a canvas? More investigation required on this point.)

In the last assignment, there was a cute kitty that went along with the text. This time, none of the text seems to require a kitty, but why not show a cute kitty cat?

Super cute kitty. The conversation goes something like this: Kitty: “Treats? No I didn't have any yet. In fact, it's been days and days. Bad human.” Human: “I am a bad human. Poor dear. Here's some treats [pet pet].”

Repeat conversation...

So, having survived the feline coercion, I will now bravely attempt a form with jQuery and then an example of an HTML 5 canvas with jQuery + jCanvas. Also included are various hover and click effects. We will continue the flower theme since it was so popular in the last assignment. Once again: Onward!

Techniques