Week 3: HTML & CSS styles website (Leon & Nimrah)

Link: imanas.shanghai.nyu.edu/~jlh711/styleswebsite/

Styling this website was difficult, but rewarding. Coming up with my website idea was a lot of fun, and once I got into coding the HTML it felt like a routine and was honestly kind of relaxing. I didn’t have much problem coding the HTML, however, once I got to the CSS styling part, that is where I ran into a lot of trouble and frustration.

First off, it took me about an hour to figure out how to link my css page to my html page. There was one little thing off in my code that made the two pages unable to link. This helped me realize that I have to be super aware of what I am coding, as even just a single letter or capitalization can cause complete error on a wide scale. Coding the CSS took me the most time and brain effort. I was constantly having to go back and forth Sublime text, saving it, and then my actual page. Sometimes, I would make edits to my CSS and nothing would happen so I would have to continue try again, but in another way. Making the inline color blocks were very frustrating. Making the blocks be in the places I wanted them to be were probably the most difficult. I kept having to go back and forth between Sublime and the page and revise my code if it was not what I wanted. It was a lot of figuring out what worked and what didn’t. While all of that was quite frustrating, I did enjoy playing with the fonts and the colors of CSS a lot.

When I uploaded to Cyberduck, my file was super large and took a long time to upload because my website consists of a lot of pictures. However, when it finally uploaded, some photos didn’t show up on imanas server, but showed up on my computer’s html website. I was really confused and frustrated why those pictures didn’t show up. I realized some of my photos were PNG and not JPG, making the server unable to support that photo type. So I had to convert some of my photos into JPG form for them to show up on imanas. In addition, in some of the photos I had coded a lower case jpg, but the images itself had uppercase JPG. Once I changed both those aspects in my code and pictures, all my pictures were able to show.

In the end, I am proud of what I made, but there are definitely still things I would have liked to code to make it even better.

Week 3: Links to Interactive websites (Leon and Nimrah)


OMG! I had so much fun exploring these user interactive websites. The first link is like a timeline strip, with each section of the timeline as a different story of different ideas/companies/innovation. And within each timeline section, there is a different type of interactivity. I thought this website was very cool because this website contains so many different ideas, content and medium wise and it inspires me to want to be able to create something as amazing as it. The second link is equally as cool. The colors and geometric shapes of the animals really stood out to me and grasped my attention. I also thought it was super awesome how they had an option where you could set your computer background as the endangered animal. I thought this was a super smart way to spread awareness that endangered animals are a real issue and people often forget because we live in cities and rarely see exotic animals in that way. Very educational, and in an intriguing and captivating way.

Week 2: Response to Understanding Comics (Leon and Nimrah)

Response to Understanding Comics:

Growing up, comic books have always had a negative stigma surrounding them, but I never knew why people thought they weren’t “real books”. Unlike normal chapter books, comic books provide a quality of space and creativity. McCloud writes, “Pictures are received information… writing is perceived information”. I thought this was an interesting statement because when you read something, you draft something up in your mind of what you think those words are trying to portray. However when you see a picture, the author already illustrates what they want you to see and you instead spend time interpreting what the drawing means. This type of mental processing also relates McCloud’s ideas the way we feel when we read words and see pictures and how comics are a “mono-sensory medium”. When we read the word “boom” in standard font vs. “boom” in large graphic display, we receive a difference experience. Not only do say it differently in our minds, more than one of our senses are triggered. When we see a picture of a car moving, via streaking effects, we anticipate and envision the car moving. By adding the effect of space in writing, comics allow us to perceive a written story from a perspective we might not have chosen to see from than we how we would from just reading plain text. That is what I think sets comics aside from novels.

I also thought it was interesting how McCloud mentions the medium comic books are written on. In last week’s article, McLuhan talks about how humans tend to skip over the medium and go straight for the content. I believe comic books are a good representation of how important the medium is. If it were not for the medium, the content would never be expressed. The medium of a comic plays a large roll in how its meaning is depicted to the reader and how the reader interprets. If a comic book were only simply written in the format of plain text, the reader would receive a completely different image in their mind and the way they interpret the information and text given would be absolutely flipped. This shows how important the medium is to comic books and other aspects of media as well.

Link to HTML restyle:

Week 2: Photoshop assignment (Leon and Nimrah)

Photoshop Assignment:

Wow. This took me the longest time to figure out. I mainly used the clipping tool where you select the object you want and placed it on a different background via masks on PS, and it was very frustrating because I had to constantly select and deselect. But overall, in the end I was very happy with my final product and I think all the frustration was worth it because I never thought I would be able to create something like it.

Week 2: Response to McLuhan (Leon & Nimrah)

Response to McLuhan:

This writing talks about how humans tend to dive straight into the content of the medium, rather than looking at the medium itself. For example, with printed words, we tend to try and extract the meaning of the printed words, instead of looking at the format of printed words itself. In particular, this makes me think of how I view mediums. Whenever I browse websites, I find myself immediately searching for the content of the website. However, after a few classes of CommLab, I began to find myself thinking about how the creator of this website coded this, designed this, formatted the style? I found this extremely relevant in our current society. So many people have computers, smart phones, etc. but none of us really know how it works, and we take it for granted. Technology has grown to become a natural human necessity, especially in the younger generation who are growing with so many technological influences around them. McLuhan mentions how the accelerated media change is a “massacre of the innocents”. I thought this was incredibly accurate. I see my little brother and he knows how to use an iPad better than my mother. While we all laugh about how the older generation can’t seem to use technology, it is a bit fearful how such young children are so advanced.

Week 1: Response to Bush and Berners-Lee (Lu and Syed) – Julie Huang

Response to Bush:

In this article, Bush explores the advancement of technology and possible futuristic machines through the evolution of science. All these advancements are for the purpose of efficiency and convenience to enhance modern human life. A topic that seemed to rise quite often in this article was the storage of data and the ability to reach this data quickly and easily via the internet or some sort of technology. Therefore, when Bush discusses the term “memex”, it makes me think of how everyone has their own individual “memex” of memories and knowledge and the exchange of people’s “memex”s. Being a person with a terrible recollection of memory, I heavily rely on particular mechanisms of documentation: pictures, notes, software, etc. This speaks to how vast our knowledge has become, and how we can use this to our advantage or disadvantage.

Response to Berners-Lee:

The first thing that stuck out to me when reading this article was that Berners-Lee talks about how the Web is ours. It is an electronic network that allows its users to explore ideas, be creative, share and gain knowledge, have “open standards”, however, many of us take advantage of it. Openness is an important part of the Web being the Web, but threats to this openness of the web include companies and government who “snoop” around and invade privacy and basic human rights. This immediately makes me think of living in China and having to use a VPN to access search engines like Google and Youtube. I have always never truly appreciated the availability of being able to search the Web freely until coming to China. While I still have access through the school’s VPN, I imagine the part of China who don’t have access to everything on the Web and that makes me sad because they aren’t given the freedom to learn and exchange their knowledge and cultures with people from the rest of the world.

Link to html page: http://imanas.shanghai.nyu.edu/~jlh711/Juliesfirstblog/

Week 1: Forster and Borges (Lu&Syed-jlh711)

In response to Forster’s “The Machine Stops”:

The first revelation that struck me after finishing this writing was how incredibly realistic this situation could lay out in our future. Many aspects of our daily life, although deeply exaggerated, were reflected in this piece and could be seen as a true possibility. For example, communicating through a reciever given by the Machine is very similar to video chatting in our current society. While video chatting is similar to being with a person in the present, it is ultimately not the same. The feeling, atmosphere, and ability to touch one another are all not there. The idea that humanity grew to accept the lack of these things truly frightens me, but what frightens me even more, is that this apocalyptic situation could become a reality in the future. When Vashti describes her experience on the airship, where an attendant held out her hand to help her regain balance, the idea of touching one another grew to be forbidden, almost frowned upon on. An action that seems so harmless, becomes twisted into a different meaning. In our current society, I have always noticed how technology can take away from moments in the present, however, seeing this idea through an extended perspective shows just how detrimental it can be.

In response to Borges'”The Garden of Forking Paths”:

In comparison to the first reading, this one was more abstract. When told that Tsui Pen’s fictional writing selects all possible outcomes, I was a little skeptical of how that could be. There is no possible way for every single outcome could be written down, that would be an infinite length! But as I thought about this idea more, I realized that the possibility of all possible outcomes existing reflects the idea of creativity and how there are and infinite amount of ideas out there in the world by a huge population of people. These infinite amount of ideas reflect our societies ability to be creative and ability to connect and relate things to each other, which I believe is a very valuable characteristic to have in order for our society to grow and develop.