Toggle Menu Javascript

Javascript code that will allow an element to be turned into a toggle menu.

// JavaScript Document

var originalNavClasses;

function toggleNav() {
    var elem = document.getElementById('navigation_list');
    var classes = elem.className;
    if (originalNavClasses === undefined) {
        originalNavClasses = classes;
    }
    elem.className = /expanded/.test(classes) ? originalNavClasses : originalNavClasses + ' expanded';
}

Responsive Web Design

A List Apart: Responsive Web Design Introduction
by Ethan Marcotte

Progressive & Responsive Navigation
http://www.smashingmagazine.com/2012/02/13/progressive-and-responsive-navigation/

CSS Only Drop Down Menu
http://red-team-design.com/css3-dropdown-menu/

Responsive Image Techniques
http://demosthenes.info/blog/586/CSS-Fluid-Image-Techniques-for-Responsive-Site-Design

Very Cool Personal Portfolio Site

This is the site of Scott Vrable, a front end web developer:
http://scottvrable.com/

A freelancer's guide to starting a website

A freelancer's guide to starting a website

https://www.freelancersunion.org/blog/2014/05/20/freelancers-guide-starting-website/

I thought this was a pretty good breakdown of the reasons why a designer should have a website and it's uses.

A unified post-production workflow with Adobe products

Read about the post-production workflow used on the film The Grind. They switched from FCP 7 to Premiere as an editing platform because of it's integration with After Effects and the other applications that Adobe makes:
http://vashivisuals.com/grind-perfecting-post-production-workflow/?scid=social19488754

Examples of Creative Single Page Websites

This is a post on thewebdiary.com that has some cool single page website designs:
Examples of Creative Single Page Websites

View some cool resumes...

Creative Resumes That Put Yours To Shame

http://www.flashuser.net/creative-resumes-cvs

How & Where To Get Paid Freelance Work While You’re Still A Design Student

http://justcreative.com/2008/03/27/how-to-get-freelance-design-jobs-for-students/
I thought this blog post was interesting if you are a student looking to find work to beef up your portfolio and experience.

Texter

Texter

From the creator: Like a paintbrush, but when you paint, text comes out!

http://tholman.com/experiments/html5/texter/

Free Texture Sites

Texture King
http://www.textureking.com/

InDesign Mini Class Files

InDesign Mini Class Files
http://dl.dropbox.com/u/7618538/InDesignMiniClassFiles.zip

Tracking Videos to Play With

Tracking Videos to Play With:
http://dl.dropbox.com/u/7618538/2012-09-30_10-41-21_531.mp4
http://dl.dropbox.com/u/7618538/2012-09-30_10-44-22_481.mp4
http://dl.dropbox.com/u/7618538/2012-09-30_10-43-59_57.mp4
http://dl.dropbox.com/u/7618538/2012-03-25_08-41-08_685.3gp

Interactive Animation Final Exam:

Interactive Animation Final Exam:
right-click here and save the file to your hard drive.
1: Open Flash & create a new AS 3.0 document.
2: Open the Action Panel and from the panel menu choose Import script.
3: Navigate to the file you downloaded and selected.
4: When you complete the test, choose file Export Script, rename the file "your name-ADV3662-Final.as".
5: Save this file and then email it to me.
6: Confirm that i have received this file before you leave class.

Activity vs Accomplishment

It is important not to confuse mere activity with actual accomplishment.

Check out ThickBox 3.1

From the site:
"ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal."

http://jquery.com/demo/thickbox/

The 960 Grid System for Web Design

This is a site that talks about the 960 grid system that can be used to help provide structure for web pages:
http://960.gs/
Keep in mind that any grid system simply provides a visual guide system to start your design from. It is a visual organizational tool for those who are comfortable designing against a grid.

Free Javascript/JQuery/AJAX gallery and Image viewers

This link is to a posting about a variety of free Image galleries and/or slideshows using JQuery, AJAX or generic Javascript:
http://www.1stwebdesigner.com/css/57-free-image-gallery-slideshow-and-lightbox-solutions/

Free Social Media Icon Sets

This site has a nice post that links to a variety of free social media icon sets. Some of them are really great and best of all they are free.
http://www.ezuca.com/55-cool-free-social-media-network-icon-packs/

Creativity vs Activity

One should not mistake activity for creativity.

Lightbox2 Javascript Image Gallery

This is a link to the Lightbox 2 Javascript image gallery:
http://lokeshdhakar.com/projects/lightbox2/
You have probably seen this gallery used in a lot of web sites, it allows you to create an image overlay on your current page by clicking on a link. It can be used either for individual images or groups of images.