Blog #8: DIY – Links

We did have a tutorial to read on links, but I was having difficulty with it so I thought I’d dumb it down even more for everyone (because hopefully I wasn’t the only one having problems).

  1. I decide I’d like to have a link called “Citizen Project” and when you click on it, it will take you to the Vimeo page where my citizen project is.
  2. First, this will be the basic setup of it. <a> is the link tag so use this whenever you need to have a link.Capture
  3. Then, you will copy the website address you want in between the quotations. The website text will not be visible, just the area where “CITIZEN PROJECT” is now. Capture2.PNG
  4. Finally, save and upload it to your website, DO NOT JUST PREVIEW IT. Preview will not allow you to test your link and you might think you did it wrong. You have to upload your HTML and CSS files and then your link will work and go to the right website.
  5. If you are using a different area of your website you can just use a local link and not the full web address.

Blog Post #7: CSS Conf

Screen Shot 2017-03-13 at 12.12.26 AM

This website is one that immediately jumped out at me because of the bright, flashy colors. This makes sense because the conference it is advertising is one for designers, developers, and engineers that create the most engaging interfaces. It says at the conference they will be discussing the latest technologies, which one can assume is being put to use here on this interface.

Visually, this website is very nice to look at. Is doesn’t leave the eyes feeling bored, and yet it’s not too much and cluttered looking. Navigation is simple and very user friendly. Everything on the website is on the homepage, but if you click any of the three links on the top right corner of the page it brings you to that specific section.

Do you think having everything on the homepage is a pro or con?

I’m assuming this design is not easily achieved, but I think the hard work is worth it. It would make any designer, developer, or engineer want to go to this conference to see how a layout like this one is achieved. The website itself is one we, as a class, can use as a resource when creating our own website because it has YouTube videos posted when you scroll down the homepage.

This website caught my eye right away, proving the people holding this conference know how to design a website that will grab ones attention and lure them in to explore. I want my website to be different like this one, and incorporate bright, bold colors and shapes.

DIY Photoshop: Dodge and Burn tool to get sparkling eyes

  1. Open your file in Photoshop. Screen Shot 2017-03-07 at 6.45.53 PMUse the “Dodge” tool on the Iris/eye color area (Brush size: similar to width of iris. Brush hardness: 10%. Range: Highlights. Exposure: 20%) You can also use it in the reflection areas of the eyes.Screen Shot 2017-03-07 at 6.50.08 PM
  2. Use the “Burn” tool on the outer edge of the Iris, pupil, and across the eyelashes. (Brush size: Same size as before. Brush hardness: Around 8%. Range: Shadows. Exposure: 15%)Screen Shot 2017-03-07 at 6.51.09 PM.pngScreen Shot 2017-03-07 at 6.53.02 PM
  3. Before and after!

Remembering Hardware: Photo #11


This is a medium shot becauase it includes Mr. Kramer and his surroundings. This photo seems to break the rule of thirds by positioning Mr. Kramer almost directly in the center. But it could also be that the action of him opening the dishwasher is supposed to be the important element in this photo. There are many leading lines in this photo, all leading towards Mr. Kramer. The viewpoint is almost eye level, but seems to be lower and aligns with the height of the counter top. The background is of Mr. Kramer’s kitchen, and helps give a setting of where he lives. The photo has a lot of depth, the foreground being the countertop and the objects on it. The middle ground being the dishwasher and Mr. Kramer, and the background being the door. Their might be a little bit of natural framing occuring in this photo but not much.

I love this photo because it’s the 11th photo out of 15 and it’s the first time Mr. Kramer’s developmental disabilities are mentioned. The whole story seems to be about Mr. Kramer’s normal life. He’s a very good worker and knows everything there is to know about his job. The photo essay wants to convey that although he has a developmental disability he’s like anyone else. If anything, he’s a better, more responsible worker than most people are.

I think this photos rhetorical strategy is mainly pathos. It is appealing to emotion, although Mr. Kramer has a developmental disability he is just like us, doing an everyday chore like loading the dishwasher. Up until this point the viewer is left in the dark about this disability, and has no idea from the pictures. The viewer is left feeling a connection to Mr. Kramer, and happy he’s able to live a normal life while having a disability. Mr. Kramer gained my respect and admiration through this photo essay.