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