Educator
Media Producer

Professor of Interactive Design in the James Madison University School of Media Arts & Design.
Blueprints

About

Dr. Anderson is a Ruth D. Bridgeforth Endowed Professor in the School of Media Arts & Design at James Madison University. He is interested in interactive design, front-end web development, multimedia storytelling, video journalism and study abroad, not necessarily in that order. His websites have won the top awards from both the Association for Education in Journalism & Mass Communication - AEJMC (Best of the Web Competition) and the Broadcast Education Association - BEA (Best of Festival).

This site was hand-coded using the lastest web layout system - “CSS Grid.” To find out more about CSS Grid, check out his learning site at grid-layout.com.

Steve Anderson

International Work

Urbino Italy

Urbino Project

Summer 2011 - Summer 2019. Directed a summer study abroad program where students produced multimedia, text, and video stories on places, people, and events in Urbino and the Marche region of Italy.

Florence Italy

Florence Stories

Fall Semester 2017. JMU Faculty-Member-in-Residence. Taught a class called Florence Stories where students produced videos and blogged about a subject area or "beat" related to their majors.

Istanbul Turkey

Istanbul Stories

Summer 2015. Taught principles of video storytelling to students enrolled in the ieiMedia (Institute for Education in International Media) Istanbul program at Bahçeşehir University.

Cairo Egypt

MISR International University

September 27 - October 12, 2012. Visiting Professor. Taught a course in online communication and wrote a report with recommendations on their communication curricula.

London England

Semester in London

Fall Semester 2009. Worked with students in the JMU Semester in London program located in the Bloomsbury neighborhood of London. Led tours and cultural events.

Websites

Latest Projects

These are two of the most recent web projects I've been working on. The "CSS Grid Layout" site was completely hand-coded using the latest CSS layout module called CSS Grid. No frameworks or libraries were used.

The "Urbino Project" was created using the WordPress (.org, not .com) content management system. It's one of nine separate sites made for the Urbino Project going back to 2011.

CSS Grid website

CSS Grid Layout

Website created as a tutorial for learning the CSS Grid Layout Module.
grid-layout.com

Urbino Project

Urbino Project

Website created to showcase student writing, photography, and video.
2019.urbinoproject.com

Instructional Videos

Latest Videos

These are four videos I created to teach the use of CSS Grid for layout of webpages. The material covers CSS Grid from the basics to more advanced applications.

CSS Grid website

CSS Grid Basics

This video covers the basics of CSS grid, including grid's properties, a new unit called the "fractional unit" (fr), grid lines, grid areas, nested grids, justification and alignment, overlapping, and making white space.
Watch: MP4 | YouTube

Urbino Project

Auto-Fit and Auto-Fill: Responsive Sites without Media Queries

This video lesson contains an overview of CSS Grid's auto-fit and auto-fill keywords and how they are used to make a responsive page without media queries.
Watch: MP4 | YouTube

Urbino Project

Making a Page with Panes

This video shows step-by-step how to use CSS Grid to make a page with multiple panes or panels where some of the panes use fixed background images in a parallax scrolling effect.
Watch: MP4 | YouTube

Urbino Project

Images and Video at 100 Viewport Height and Width

Step-by-step tutorial on using CSS Grid to make pages take up 100% of the viewport. The video shows how to use both an image and a video to fill the viewport.
Watch: MP4 | YouTube

Contact

Send a Message






Contact Information

anderssd@jmu.edu

(540) 568-3032

Location: James Madison University, 54 Bluestone Dr., Harrisonburg, VA 22801