I worked mainly with HTML and CSS in the text-based editor TextMate for this brief. First, I tried to remake the website Stadium for the Future.
Next, I hacked my tool, coding, and explored how text-based editors could be used to create print projects, usually done with graphic software. I tried to find out if the unique aspects of HTML and CSS would yield unique results.
I chose to work with the postcard format because of its relation to the web, since it was used as a messaging tool before the internet became mainstream.
After realising this method’s numerous format possibilities, I decided not to work with a fixed format.
For my following iterations, I used ChatGPT to help me with more advanced coding, before adjusting the results according to my needs. While the AI didn’t always return the expected results, the accidents could be interesting starting points for other iterations.
While investigating other aspects of HTML, CSS, and/or coding that make them unique tools for creating print content, I discovered that CSS animation directly impacts print outcomes.
I also tested how responsive layouts influence print, but I found that the browser’s print dialogue reflects the page’s default attributes instead of adjusting to window size.
Next, I created a vertical page to see if the scroll position would affect the print result, which didn’t. The text in this iteration has a fixed position, which repeats in every printed page.
My last iteration incorporated interaction. The user can drag and resize the images and use the web to create customized print content.
.
You can find every iteration from this brief at eloureiro.com.br.
.
Reference list
Morris, J. Sadleir, R. (2022) Stadium for the Future. Available at: https://stadiumfuture.space/ (Accessed: 21 Jan 2024).