Project 5: Graphic Design is my Passion

Download Here

Download What’s the Point?

Based on the meme with the same name, I made a terrible extension. Not to be down on myself, it’s just pretty awful. I changed the font of every website to either be in comic sans or in papyrus. It’s random. I also picked five colors, green, red, blue, pink, and purple, for the text to be and that is also random. I struggled with what I wanted to do, mainly because I just wanted to do things that were to big from what we had learned. I changed my mind, made it smaller, made it bigger, struggled for hours on why functions that were perfect weren’t working, I just decided to make something that was just awful. Using the two most hated and joked about fonts and adding in some random colors, I wanted everyone to feel the “ughhhh” as I do when I accidentally remember some embarrassing memory from 7th grade. It also seems like a good prank idea.

Well here it is, the worst thing I’ve made since my sun in the corner of the page with sun glasses days.

Project 5 – big yellow extension

At first I couldn’t get the video embedded in the iframe to play, and I had about 30-60 of these errors, which appears to be a bug in the current version of Chrome about secure connections and content loaded after the initial document loads.

link to Github

But then I added more stuff to my iframe and I think a key thing was a different way to autoplay (by adding it to the URL). So it still hits the error dozens of times, but now each error/restart starts the audio playing and creates a total cacophony steve reich-style. I chose the counting crows cover version over the original joni mitchell version because it feels like that one is more of a cliche.

The error code:

Zbp6mgIXa64:1 Error parsing header X-XSS-Protection: 1; mode=block; report=https://www.google.com/appserve/security-bugs/log/youtube: insecure reporting URL for secure page at character position 22. The default protections will be applied.

#5 link to webstore
#4 link to webstore

I had a pretty thin smattering of likes for my post on instagram (i did not post at an optimum time) but kathleen still used it (thanks kathleen!).

Project 0 Obersevation of Things Again

This project 0 similar to my others ones is a combination of a software obsession and analyzing how software constructs as the user. This time around I’m looking at Yelp. Before meeting my girlfriend I had never even used the Yelp app but now to help us decide where we’re going to eat I use it pretty frequently because she can’t help me decide what we’re going to eat for her life so I use it. It’s been a go-to for seeing restaurants nearby and the quality and pricing of these places with the occasional review. The thing I noticed recently about it though was that a early after I had just downloaded it, it asked me if I wanted to connect to Facebook and I never really knew why. I thought it was just a way to easily give yourself an identity on the app by giving your picture when you leave a review. I just learned recently that it also, without a setting being turned on, puts up responses that some of your facebook friends posted onto a feed of yours. I feel like this is Yelp’s way of influencing the user more on the so-called “good” restaurants because their friends gave it a good review. What if I didn’t care where my friends ate or what they thought of it. Facebook and Yelp just kind of give me this random information about some place that friends ate regardless of if they can even be applicable to me. In the screenshot one of the girls that updated this “status” of sorts is living in New York and I feel like I can’t do anything with this information. Yelp is trying to have this Facebook-like appeal to it where there is a feed where friends share and you can like or dislike a restaurant accordingly. Its almost as if Yelp is trying to fit into this “template” for a successful app by copying that of facebook with the implication of a feed.

Project 0 3/12

This week I was looking at things on the compass 2g website, the website used to consolidate classes, grades, and information for most of the classes at U of I. I had never really paid much attention to this website other than the links to my class pages, but there were a few things I noticed this time. For one, you can customize the page, although the only customization offered is changing the color of the banners (whee). I also saw that there was a tag on the left that said “personal information”. Curious, I clicked on it to see what personal information about me it had.

Apparently you can volunteer information like your name, address, and contact information on here. Although I don’t know why you would want to; as far as I know the only people who can see your compass page are yourself and your teachers. This page just made me think that the people who created compass wanted it to be a bit more of a school social network, having kids connect to each other on here. But as far as I know, it has never been used for that.

Project 0 Week 7

This week I’ve been obsessed with the South Park app. Almost every week there is a new event in the PVP mode where they try to draw you in and play against one another more, and you get more cards and money for doing so. This weekend’s event was centered around the idea of being on a team and competing in team battle, which I wasn’t very fond of but found myself enjoying a lot more than any other event I’ve participated in.

I got the first message before the event started, and it says to, “Join an active team, you won’t regret it.” I’d been putting off joining a team because I knew it wouldn’t be with people I knew in real life and I’ve never played an app that had a great multiplayer function anyway, but this app is largely multiplayer where you are fighting against one another to get better. Since I had nothing to lose, I joined “Team Homie” since it was a generic enough name where I didn’t have to really think about it too much. 

You can chat with your team and donate cards requested by your team members after joining a team. Without really thinking about what it did, I would donate cards just to be nice and I ended up in first place for the week for player donations. I’m guessing the week ends on Monday so I still don’t know what that really does, but by donating I was also able to get coins and level up which just makes the whole game experience a lot more fun and easier for you to win.   

When the event started, another news message popped up telling me, “Don’t be a freeloader!” and other encouraging stuff to get me to want to play the event with a team if I hadn’t decided to do so already. When you check the progress of the event, you can see your individual progress or your team progress, which is what I thought was more cool to see. Team progress is also ranked, and I didn’t do as well on this one as I did with just donating cards, but seeing everyone else’s progress made me want to participate more so that it looked like I was helping.

5: anonymously speaking

I created an extension called Anonymously Speaking, which replaces author names with “By: Anonymous”. I wanted to see how news intake was affected when the author names were obscured.

I don’t read through news sites myself, so I left it up to Google to tell me what sites to start fishing for. I was targeting the css classes, as I found that most of the author names were coded with pretty particular classes, such as .author, .byline, and other similar names.

Project 0: Facebook: Did You Know (7)

Facebook is constantly telling me my Facebook profile is incomplete. I hate it, the need to fill things out is real. They tell me I’ve had my profile for so long, telling me I should update shit. Leave me alone. Now there’s this. “Answer some questions to help friends get to know you” as if my “friends” didn’t know me well enough. It knows that people friend each other on Facebook while not being actual friends but is trying to make it more personal, so people can get to “know me better”, as if they give a shit about me and talking to me again outside of college. I took a picture during this one moment, but it actually went through a few different options, like favorite color or such, all with emojis because being a millennial means I use emojis all the time. I wonder if they give this option by age or if everyone gets this little pop up on their profiles. Is there some crusty Harvard professor answering the question, “A job I’d be terrible at… :P”? Or is it those in a certain age bracket? I’m glad they have this “Not Now” option, but it just means in a week or so, when I look at my profile again, it will bring this option up again. I don’t need to make my profile any more personal than it is. This isn’t MySpace and I’m not in middle school. Leave me be, Facebook.

5. Replace: Hypertext Magnifies Language

For my project, I created a Chrome extension that takes every H, T, M, and L that can be (reasonably) pulled from a web page, capitalizes it, and makes it the color green. I chose to emphasize these letters to pay tribute to the HTML behind the web page. I decided to only change the <p>, <h1…6>, <ul>, <li>, and <table> tags; trying to mess with all <div> or <span> tags, even though they might hold text, seriously impacts the performance of your browser.

I tried for a long time to turn every word in a paragraph tag into a hyperlink for that word, but that ended up being pretty complicated. Changing the source HTML without regards to what anomalies are actually underneath will mess with the DOM in unpredictable ways. For example, if someone is using WordPress and has an <img> tag inside their <p> tag….the internet is an unstandardized lawless wasteland. I saved my algorithm for parsing the words from a <p> tag and I’ll probably try it again for a future project. Everything ended up working out because along the way I learned how to use RegExp (regular expressions) for JavaScript which made my current project pretty easy.

It’s a little frustrating that I wrote so many lines of code to only end up with a 4-line function for my finished project, but it just be like that sometimes.

Check out the project on the Chrome Web Store here: link

Observe #7

For my observe this week, I decided to comment on how SEO and PPC ads show up on my google browser. I typed swimsuit into the search engine and on my SERP there were immediately 4 paid advertisements as well as the shopping feature on the right hand side. The organic search options were obviously below the paid ads but in response to this SERP set up, I watched how I reacted. I actually realize that I generally don’t click on the paid ads because for some reason I feel like if a company is paying for their ads to be at the top of the page then maybe they aren’t as popular or even as reliable as the company’s who have effective SEO techniques (which are often free). Although I’m an advertising major, for some reason the idea of giving into ads irk me.

randoBorder() function

    function randoBorder(e) {

        var c1 = "purple";
        var c2 = "red";
        var c3 = "green";

        var pick = Math.floor(Math.random() * 3);

        var color;

        if(pick == 0) color = c1; 
        else if(pick == 1) color = c2; 
        else if(pick == 2) color = c3; 

        j(e).css('border','1px solid '+color);
        //j(e).attr('img',color);
    }

Project 5 Ideas

  • Replace thumbnails on YouTube to kid friendly images, cartoon.
  • Change the text to Demonetized video. Please don’t click.
  • Replace the text on CNN to fake news and have that repeat. Along with that a picture of trump everywhere.
  • Replace images from school website or Daily Illini images taken from unofficial or parties.
  • Replace images from news websites with the poop emoji
  • replace thumbnails on porn sites with scenes from Shrek

Project 5: Replace Ideas

  • Replace teen vogue with wired articles/images/technology etc
  • Replace text color from black to colored –> synesthesia simulator
  • Replace friend/follower/likes with that count rounded up or down
  • Continuing that, replace all numbers with satisfying even numbers
  • Replace words with hyperlinks (not a super fleshed out idea, but I like the idea of introducing hyperlinks to google searches of that word or something similar)
    • Taking “hypertext” to mean as much text as possible, is every word a “Feeling Lucky” search, etc.
  • Replace “likes” with “didn’t like” (similar to youtube’s “didn’t view”)
  • Replace academic or scientific texts with comic sans or non-professional font
  • Replace depressing or serious news images with kittens and puppies

Project Observe – Twitch App

This week I looked at the twitch app on iPhone. I don’t really watch streamers or even care too much about it. I don’t stream myself. However, when I tuned in to a twitch streamer this weekend, I used the app and saw how seamless it was. It was very user friendly and was easy to navigate. I didn’t think it was going to be that simple for something that may be complex on desktop on the website. Twitch does a great job separating everything into sections and creating a very nice UI. Personally, I enjoyed the experience of getting to my content quickly and being able to get to my settings on the fly. It gives you just the right amount of tabs to find what you need. In a way reminds me of Instagram’s UI. It gives you all the tools to quickly watch, upload, and find content. Unlike some other apps, finding your content or streamers is the first thing you see upon opening the app, which is convenient and quick. You have everything laid out for you and gives you the best layout for you to get used to it. Even though I don’t watch much streamers, It gives you a nice tab to find content and see top streamed games. So finding new things is also great if you need that. Overall, it’s a real simple app to use and get to whatever you need on a quick matter.

 

Project 5 brainstorm

replace images on Playboy’s website with images from Target’s website

replace Target’s images with Playboy’s

replace images on the NRA’s website with headlines about gun violence (from https://www.theguardian.com/world/gun-crime, maybe?

replace a website’s “comment” button with a button that says “complain,” or “scream into the void,” or “beg for validation,” etc. Maybe the text on the button changes?

replace every image on Amazon’s homepage with a photo of Nicholas Cage

every link on the Oscars’ website takes you to google search results for “who is oscar”

replace headlines on a news site with headlines from Mad magazine

replace the subject line in every email in your inbox with google’s privacy policy

project 0— Angry Birds 2

This week I’m blogging about the mobile game Angry Birds 2. The original Angry Birds was and is still is one of the best mobile games on the market. The objective of the game and the strategy was super fun to play with especially when the game is in your pocket at all times. Now since the release of the second one, the application is definitely trying to get something out of you when playing this game. The game itself has turned into a swarm of getting point, gems, black balls, feathers, and all this other pointless crap so that you can share it with your friends. There are leaderboard charts on basically every screen. Facebook must have invested in Angry Birds to some extent because the amount of in-game purchases and other charts on the interface is absolutely ridiculous. This game is definitely trying to real me into buying things and sharing the experience with my friends so that they do the same. It’s like these angry birds don’t want me to sit peacefully and play alone for no charge.

this pops up basically every time I open Angry Birds^^^^

When I downloaded the app this came up without me clicking anything

Observe: The disturbing nature of my complacency

It was during the first few days of protest that I joked the best way to get my complacent peers to picket was to convince them it would create great numbers on their fit bit. Multitasking at its finest right? It wasn’t until the 4th day of strike that I realized I my own phone was roughly tracking my steps when it was on my body. 

At first I felt a terrible pride in the numbers. They were my numerical evidence of my labor. I had not sought these numbers out but here they were! ready for me to enjoy and bask in. But I did feel gross. I felt myself reducing my work to the numbers and felt I was playing the capital production game of which i’m always trying to work away from. I was enjoying it.

Furthermore: I had never used this app before. I had no idea that it was enabled. when I first turned it on I did not give it access to my location: but it is still tracking movement of some kind even though it is not a GPS related tracking system. Is this data safe within this app? is it just on my phone or is it in a cloud of data without my knowledge. I was further disturbed by this when I realized that I don’t know what half the apps on my phone do. I am currently in the process of evaluating what is useful and what I feel violates my consent bc I had no knowledge of it’s functioning.

Observation 3/5

        

This week I noticed that Spotify has started adding animated album cover artwork to play during select songs. I knew that “Sign” by VHS Collection utilized this, but I realized this week that another song — “List of Demands” by The Kills — was doing it as well. This doesn’t seem to be a default setting for a song, and it appears that the artist has to choose to create and upload it. It also doesn’t necessary apply to the whole album; for The Kills’ artwork, the animation didn’t appear for any other song on that album (the VHS song was just a single so I couldn’t tell with that one). You can tell if a song has animated artwork by seeing the green circled icon on the “Now Playing” bar on the bottom of the Spotify app (see below on the left). When you pull up the “Playing From” screen after clicking on the bottom bar, the screen changes from the typical album display (see below on the right) to the full-screen animation (see above on the left). If you click on the animation it shows the song information with the animation dimmed and playing behind it (see above on the right), but this only stays active for a few seconds before reverting back to the animation. It clearly puts the animation front and center for the user.

I would love to see more of these types of animations from Spotify. I think it’s a really unique, eye-catching way of displaying music. It makes me feel more engaged and interested in the song that is playing. I don’t usually leave my phone on display when listening to music but I would probably start doing it if it meant seeing album art like this in a cool new way. I’m surprised more artists don’t do this for their music or why they don’t do it for the whole album. It seems like a very innovative way to incorporate music with the technology behind the streaming service.

Also, I like how much Spotify encourages you to share your screenshots with your friends. I got the blue notification every time I took a screenshot for this post.

Replace Idea

So my plan for my script is to add and replace the rating system on MAL to be more similar to IMDb’s when it comes to rating shows.  Personally, I think being able to rate shows both with decimal point and also by each episode is better than being left with only a 10 point scale and having to rate the entire show as a whole.  I think rating by episode gives those interested in looking into the show an idea of the range of enjoyment episode by episode and for those rewatching helps them sparse through the best episodes easily.

Observe week 8

So recently I have gotten into playing Pokemon Showdown with friends online.  What makes this game fun is the ease as to how you can competitively battle, in actual Pokemon games you would have to spend a lot of time catching and training Pokemon, On Showdown it is essentially a database of all the Pokemon available and you are able to make any sort of team you wish to create.  The feature I also enjoy is the random battle as well as that is instant gratification since you don’t even need to spend the time to make a team.  Over time you collect and lose points depending on if you win or lose and since there are numerous players online it is unlikely you’d be stuck in limbo during a battle unless the other player is planning to forfeit.