The Inspector as a Tool for Making Books
The browser inspector as a web developer tool is used as a convenient way to real-time adjust and re-design a website. I used the inspector as a new tool to transform my blogs on Tumblr into a unique visual identity and designed a series of books.
![](https://cdn.myportfolio.com/86332070a30edc2c0e690c3d18df80ca/0e99fa16-c156-484a-82d3-c8840b0ee8b2_rw_1920.jpg?h=2792dda710b99322e03ad0f9379320d9)
The process
I designed the rhythmical, music-score-like lines and images by changing the code in the inspector and stretching the words and images on the web. I divided and printed them into three parts: Text + Image + Code. The three parts together exist as a kit. I packaged each kit in a transparent bag and tagged them with the barcode, which was transformed from the URL. As you can customize your blog on Tumblr, I didn’t bind the book together. Therefore you could play, reorder the pages, and customize your own combinations.
![](https://cdn.myportfolio.com/86332070a30edc2c0e690c3d18df80ca/097bc121-8238-44d8-9eeb-f6b7cbfe6c40_rw_1920.jpg?h=cbf05377a79c2b08101f9a681e0fdaad)
![](https://cdn.myportfolio.com/86332070a30edc2c0e690c3d18df80ca/672b798e-42c1-493d-ba75-7ac5f8e86cdf_rw_1920.jpg?h=54cbe6020b24e2f2322b0a3e06958990)
![](https://cdn.myportfolio.com/86332070a30edc2c0e690c3d18df80ca/c012619e-31fb-4782-9285-45d868a41164_rw_1920.jpg?h=4efeb9fee1c06c2757200a24fc8d1cac)
![](https://cdn.myportfolio.com/86332070a30edc2c0e690c3d18df80ca/0e55dd3e-5299-4c9f-a376-a7a09fd3b7b9_rw_1920.jpg?h=57d12ffa2a7823161afc200019073075)
![](https://cdn.myportfolio.com/86332070a30edc2c0e690c3d18df80ca/ab48cf64-996d-49b6-8063-03a389e9722f_rw_1920.jpg?h=f3feb1efc84c96f58899716fd9710555)
![](https://cdn.myportfolio.com/86332070a30edc2c0e690c3d18df80ca/72610ad2-a385-4b91-b13c-18aee2b01a39_rw_1920.jpg?h=3429cbfdbda9e3a89fd51ef8f2269eeb)
Individual Project Credits
Amo (All other aspects of the project)