From Print to Web: Basics in Coding for the Web

Workshop


Sep 27th,

9:00am — 12:00pm


Location: Weil 010

About The Workshop

This workshop will introduce participants to the basics of coding in html and css. We will learn how to set up files, host them, use github as a versioning platform and also get into the particulars of creating, manipulating, and styling elements in the browser. By the end of the workshop, each participant will create a single-page website that translates a printed composition, design, image or drawing into an interactive experience. Participants will learn the basics of using text, images, positioning, styling, animation, interactivity, and responsive behavior for multiple screen types. This page may serve as the basis of a portfolio site or future web-based artwork.

Cross Disciplinary Connections

Designing and working on the web is a super powerful resource. As a minimum, skills in html and css will help artists, architects, and designers customize their presence on the web through their portfolio site. The web is also an incredibly powerful medium for creative expression and html and css are a foundation that may lead to work in WebVR, WebGL, Augmented Reality, Interactive experiences, etc. Html and CSS are great gateway skills for individuals interested in learning more complex coding languages like javascript, python, php, processing, and many more.

If you are interested in interactive work, the web, and making in code but have limited experience, this is a great starting point.

Takeaways

Participants will leave the workshop with a single-serve website that might serve as the foundation of a future portfolio site or interactive artwork.

Next Steps

Contact: Jonathan Hanahan (jhanahan@wustl.edu)

Courses:
Interaction Foundations
Interaction Design: Layout Systems
Sculpting Realities
Relational, Conditional, and Process-Oriented Design

Instructors

  • Jonathan Hanahan, Assistant Professor of Communication Design

    Jonathan Hanahan is a designer and educator whose speculative practice explores the cultural and social ramifications of experiences which transcend physical and digital occupations and the role technology plays in shaping, mediating, and disrupting our everyday realities. He develops Thick Interfaces—tools, devices, software, artifacts, websites, videos, etc. which agitate the digital facade and reveal the physical reality and complexity which exist underneath the thin veneer of our devices.

    Hanahan received his BARCH from Virginia Tech and his MFA from The Rhode Island School of Design. In addition to his studio practice, Hanahan is an Assistant Professor in the Sam Fox School of Design & Visual Arts at Washington University in St. Louis.


Sign Up Closed

The last day to sign up is the Monday before the workshop. You will be contacted that Monday if you have signed up.

Next Workshop