The site was hand-coded and uses no content management system nor framework. It uses a mobile-first, responsive approach with multiple media queries. The layout of the site was done with CSS Grid. In some cases, responsive layouts were achieved with CSS Grid's auto-fit and auto-fill keywords.
This site supports the new CSS media feature known as prefers-color-scheme. While some websites have supported enabling a site-specific "dark mode" option manually, the new media feature allows users to change a preference within their OS. Once enabled, all sites that support the feature will appear in the mode selected without having to use a toggle switch on each individual site.
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.
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.
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.
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.
September 27 - October 12, 2012. Visiting Professor. Taught a course in online communication and wrote a report with recommendations on their communication curricula.
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.
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.
Website created as a tutorial for learning the CSS Grid Layout Module.
grid-layout.com
Website created to showcase student writing, photography, and video.
2019.urbinoproject.com
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.
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
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
anderssd@jmu.edu
Location: James Madison University, 54 Bluestone Dr., Harrisonburg, VA 22801