Project

Preview

Responsive Illustration

Responsive Design

Responsive Design, Responsively Illustrated, a simple interactive experiment with responsive design techniques. Each device illustration is rendered using the same basic HTML which adapts its appearance to the changing viewport size.

  • CSS3 inc. transitions
  • Mediaqueries
  • No images
  • No JS dependency

Responsive Wireframes

Responsive Design

Responsive layouts, responsively wireframed. A simple interactive experiment with responsive design techniques and a call for new tooling.

  • CSS3/LESS inc. transitions
  • Mediaqueries
  • No images
  • No JS dependency

Portals

Interactive Demo

  • CSS3 inc. transitions
  • No images
  • No JS dependency

David Bowie

Interactive Demo

Sound & Vision: A tribute to Bowie and his weird eyes.

  • CSS3 inc. transitions
  • No images (besides iris'!)
  • No JS dependency

Flip Wall

Interactive demo

Experimental concept for a photo gallery with random flip-card wall.

  • CSS3 inc. 3D transitions
  • Simple JS for random image selection etc

Is This Art?

Interactive Demo

Experiment using JS within LESS to create random values for simple generative art. Also demonstrates refreshing/reprocessing LESS without reloading the page, and so re-running the JS to generate new values.

  • CSS3/LESS
  • JS within LESS
  • Reprocessing LESS (without reload)
  • No images

Vertigo

Interactive Demo

  • CSS3 inc. transitions
  • No images
  • No JS dependency

Focus

Interactive Demo

  • CSS3 inc. transitions
  • No images
  • No JS dependency

Rain

Interactive Demo

  • CSS3 inc. transitions
  • No images
  • No JS dependency