Process Journal 7
So this week, I spent a lot of time on the website making some tweaks and debugging. Here is a list of my progress:
- Implemented my new idea for the Boubou and Huipile pages (screen on screen scrolling), with A LOT of help from Laurel (now I know how iFrame's kind of work, thank you), and cleaned what I already had so that the page flow was smooth and symmetrical
- Implemented the customizable magazine cover home page. Originally it was a full screen shifting background, but because it was just a lot of wide unused space I put everything inside a magazine shaped div box that would maintain its form regardless of window width. I'm quite happy with it, and spent quite some time finding and making the right cover backgrounds
- Added a page about the gathering where one can find more readings about the political economy of fashion (and patternmaking I suppose).
- Added more external links to everything, photos, databases, archives, brands, sources
- Customized the yukata page so that it actually looked like a magazine spread, with "editorial mode" and "diy modes" for the view
- Added some nice colorful backgrounds to different pages for some extra spice
- And just did more cleaning on the edits I had already done on the Leotard and Hakama pages
-Added alt text to all the images
Things I learned:
- How text and img's inherit their parent divs' properties
- How to use iFrames and more on playing around with JavaScript
- How the things that we wear and make to wear, both in terms of functionality and aesthetics, are shaped by forces of capitalism and imperialism
Process are.na here: https://www.are.na/mc-otani/vis218_process
Limitations/Areas of improvement:
- This project, as I originally designed it, really was meant only for widescreens. As a result, to make it fully responsive I would like to actually reprogram and redesign each page so that the mobile form is its own experience
- If I had more time, I would have liked to program some pop-up "ads". Semi full page spreads, maybe here it would have been fun to talk about the language we use to describe and value different silhouettes/patterns/cuts (e.g. sexy, elegant, revealing, structured, flattering, oversized, "playful", etc.). As Laurel had suggested, these ads could be good reading "breaks," and I would have liked to have programmed them to pop up every 3 minutes or so