Long Story Short is a site built entirely in HTML and CSS that pushes the boundaries of responsive design by employing the act of re-sizing the browser window as the primary method of interaction. It aims to acquaint the screen with a deeper sense of physicality. The landing page features a book shelf that, when shortened or widened, causes the books to fall accordingly. When a book is then selected from the shelf, the user may flip through the pages by pulling the new window wider.
![](https://freight.cargo.site/t/original/i/1bb034ae280bbe50e447097a3524e6fd9a0776a015e0d38d0a86234ca9d8bda1/LongStory_Mockup1.gif)
Bookshelf
User may play with the browser dimensions to see how the books fall.
User may play with the browser dimensions to see how the books fall.
![](https://freight.cargo.site/t/original/i/a250a745d512832c5e9e65095d6c060c73a5ec0b67e658ff6dbeb2f334783452/LongStory_Mockup2.gif)
Browse
User may click on a book to pull it from the shelf. To fan through the pages, the user may expand the pop-up window.
User may click on a book to pull it from the shelf. To fan through the pages, the user may expand the pop-up window.