Wednesday, June 11, 2014

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

Sunday, May 25, 2014

Very Cool Personal Portfolio Site

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

Tuesday, May 20, 2014

Friday, March 07, 2014

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

Tuesday, November 26, 2013

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