Complete List of Badges

The following paragraphs are excerpted from the syllabus for COMM 3344. Interactive Multimedia (Web Design). As part of their final grade, students were asked to pursue their own customized pathway through material related to the world of web design. Possibilities include minimalist design, geolocation, domain hosting, and mastering the Photoshop Pen Tool

You can find a complete list of possible badges below the break, you can read more detailed badge descriptions (PDF), and you can view the student blog postings linked to their badge projects. When planning the class, I seriously underestimated how long it would take to write a full-blown badge description. At first, I created the descriptions in Adobe InDesign. This was not a good use of my time. It was easier to create them as web pages, and this approach made it easier to update badge descriptions from multiple machines. I wrote full-blown descriptions for the badges that seemed to have captured the most student interest, and developed more compressed blurbs for all of the other badges (PDF).

Continue reading

Posted in Badges | Leave a comment

Radically cool new phone interface: Google Tap

Posted in Uncategorized | Leave a comment

Minisite #3

To begin, I can pretty much say that I ran into all of the same problems that everyone else had as expressed in the class email chain. I think it will probably be hard for me to look at JavaScript ever again. My initial confusion in tackling this minisite was that I originally believed we were expected to somehow create our e-commerce page based on search results (like Google) without having access to any database. After realizing that was inaccurate, I felt a little less confused, but not completely.

I honestly wouldn’t have been able to even come close to finishing this project without assistance and extensive explanations about Javascript from a friend. I feel that actually implementing JavaScript into our own sites is much different that the stuff that we went through in CodeAcademy, because we were trying to utilize information already entered into our site to produce something else relevant. It was also not 100% helpful to just Google the questions I had because most of them were simply too specific to get relevant results.

The style I chose was based off of Google’s format, and that was probably the most fun part of this project for me. I chose my e-commerce site to be a Music based, directing users towards concerts in their area using the information gathered from the Registration page. It was really fun to make the theme centered around music. I connected a concerts section connected to what was searched in Scroogle that worked as my e-commerce site.

Here’s my site!

Posted in Uncategorized | Tagged , | Leave a comment

Awesome CSS tricks and a warning

The site "When Can I Use" is a terrific resource for understanding browser support for emerging CSS properties.

As noted in my recent message to the class mailing list, new CSS properties completely transform our approach to multiple column layouts. This will be very useful for responsive design and for attempts to incorporate grid systems.

The only catch is that not all browsers support these new specifications. For example, IE 9 cannot handle the multiple column tags. IE 10, which will eventually become the standard browser on Windows platforms, does support the columns.

When using any of these emerging CSS properties, you need to first determine which browsers will support them. You can find the answers at a site called When Can I Use ( The site lists all of the CSS properties and explains the extent of their browser support.

Have fun!

Posted in Uncategorized | Leave a comment

Notes from Cornelius presentation

The talk that Kathryn Cornelius delivered yesterday was both inspirational and informative. Before we all head out on Spring Break, I wanted to jot down key take-aways from her presentation. Near the end of class, she mentioned that she gets new ideas by browsing web galleries such as Design Fridge, CSS Mania, and The Best Designs.

Additional notes from Kathryn’s presentation follow the break.

This a cropped portion of a longer web comic by Brad Colbow. Visit his personal site for the complete archive of web development themed comic strips.

Continue reading

Posted in Uncategorized | Leave a comment

Must see TV: President Eisenhower’s farewell address

This short video highlights the key arguments from Eisenhower’s farewell address, reducing a lengthy speech to a compelling clip that is only 151 seconds long. Of course it goes without saying that there was not a somber musical score in the background when President Eisenhower originally delivered this speech. If you’ve never watched this clip, it is definitely worth three minutes of your time.

Posted in Media | Leave a comment

HTML Intermediate Foundation Badge!

So this foundation badge just completely slipped my mind as it was assigned MONTHS ago, and I kept putting it off and was so focused on my specialization badges that I completely forgot to upload this one. Anyways, I’m kinda of glad I completed this badge later in the semester, just because it really shows me how much I’ve improved in my HTML and CSS skills. Its crazy because I remember when I first read the description for this badge, I was somewhat confused and feared that it would take me a long time. But after conquering javascript, frameworks, and CSS, completely this badge was a piece of cake that literally did not take me long at all. I’ve learned how to utilize photoshop, though of course there’s always still room for much improvement.

However, this assignment was simple and pretty straightforward. I felt confident going in when making this badge and I believe the “6 Best Blogs To Follow If You Are A Web Designer” was one of the most useful, because the majority of the work I feel took place in just searching for different websites that focused on HTML and Web design rather than creating the actual site itself. So overall I didn’t have any problems and I’m so excited about how much I’ve improved on my coding skills! Yay HTML Intermediate Badge!

First page for HTML Intermediate Badge!

Posted in Uncategorized | Leave a comment