Workshop

Creative
Web Coding
Workshops

Web workshops for creatives from many industries!! These workshops leverage entry level to mid level coding skills to harness imaginative web components and experimental layouts that are visually dynamic and yet anchored in simple foundations.

Schedule a workshop >

Emphasizes on creativity and design over to-do’s of web coding.

Sample Works

Drag-n-Read

See the Pen Draggable Overlay by Ella Rosenblatt (@Ella-Rosenblatt) on CodePen.

See the Pen Piggy Bank by Masato (@otis_web) on CodePen.

Animated Landscapes

See the Pen Week 3: Nature Poster by Isabella Borquez (@bellabor) on CodePen.

See the Pen Nature Poster by Nano Wu (@Nano-Wu) on CodePen.

Credits
Drag-n-Read:
Top: Ella Rosenblatt
Bottom: Shuo Yang

Majestic Landscapes:
Top: Bella Borquez
Bottom: Nano Wu

Sample Works

Double Exposure Imaging

See the Pen Double Exposure with GIF by Masato (@otis_web) on CodePen.

See the Pen Untitled by Jiating Shi (@Jiating-Shi) on CodePen.

Z-Space, Down The Rabbit Hole

See the Pen Panorama Box 5 elements by shaurya (@shaurya15) on CodePen.

See the Pen i love you by Emily (@Emsems) on CodePen.

See the Pen Panorama Box Explainer by Jiating Shi (@Jiating-Shi) on CodePen.

Credits
Double Exposure Imaging:
Top: Nicholas Cage
Bottom: Freeze Shi

Z-Space, Down The Rabbit Hole:
Top: Shaurya Kapoor
Middle: Emily Liu
Bottom: Freeze Shi

Flexible
course setup

  • A workshop duration can be customized as a quick 4 hour session to a 4 day sprint to a semester long marathon.
  • All we need are WiFi and laptops.
  • A workshop can take place on-site or on zoom
  • We will be using Codepen to write HTML & CSS and Figma to draft prototypes.

What
are your ROI’s?

Here are some key learning outcomes:

  • Understand how content (typography and image)displays on screen in fluidity.
  • Complexity is built upon a basic foundation.
  • Coding isn't memorization but curation.
  • Design dictates coding and vice versa, it's a reciprocal relationship.

Who
is this for?

Are you having trouble learning web coding from tutorials from developers and conventional tutorials?

Are you exhausted of templated websites and wishing you can insert more experimental web components and layouts?

Coding can be poetic, fun and unexpected.


Embrace the DIY-ness, the logic and the magic of web coding & designing!

Workshop Archive

2025 CalArts MFA & BFA Graphic Design Creative (un)Coding and (de)Prototyping
2024 University of Southern California Basically Radical, Radically Basic
2023 CalArts MFA Graphic Design Basically Radical, Radically Basic
2023 NASA AMES Archiving Wind Tunnels
2022 Otis College of Art & Design Web Kit of Parts
2022 Southland Institute Becoming Water / A Few Simple Cuts Will Let You Build a Container

Happening Studio

Creative Web Coding Workshops is initiated by Happening Studio. We are a design studio in Culver City, founded in 2014. As the studio designed and produced branding and identity projects for many clients, from museums to schools to corporations, they also improved their digital presence by customizing websites to clients’ bespoke visual language.