story telling

I believe that social media and television or news can be very deceiving and almost scary in the way it gives out information or stories. When the situation first came around, of course it would be bombarded with questions and concerns. But in truth, a very little amount of people have gone out and actually done something to change it. Although we may get our information from social media and our technology, that does not mean we can hide behind it and push through our arguments purely on the fact that we saw it on twitter. I believe that to get the true facts, and to find out what is really going on in this world, one must go out and do something about it themselves. Because there is no other way you could find a true story with a real ending.

Index revisions + critiques

This was my original website-

After looking at the critiques, i realized i needed to make my website responsive and work out some issues with the background being seamless. I also had troubles with the link placement, considering they were in divs so i couldn't make them responsive with the rest of the website. 

This is my website now-

I believe i have fixed a majority of my problems, yet my links are still not going to be responsive. Because of this, i know i still have work to do, and I may have to reorganize my placement once more. But the critiques showed me many things and helped me advance my website.

WayBack Machine

Tumblr-

This is a photo of tumblr when it first started, as well as its html code. 

These photos show that even back when it was first created, tumblr had a good start on their website. But as you can see in these next photos, much has changed in the past years.

The sleek design and modern finish of the new and improved website has billions of people crawling to its login. As you can see in the html, there is much more "style" and "class" typed in. (written out, and literally.) Not only did they change the background, but they improved the website by creating the login on only one page; therefor keeping the viewer from going tab to tab trying to find the main page again. 

Youtube-

Here are some images of youtube when it first began. 

Most similarly to tumblr, youtube had a good start and even kept its logo intact. The majority of the difference was that it became more modern, sleek, and easy to manage. 

Here are some more recent photos of the famous webpage-

As you can see, they now advertise the videos and give you the option of creating an account, rather than forcing you to do so. In the html, you can see the script and classes are a little different. And just because it may look better now, doesn't mean the html differences are huge. Actually, most of it looks quite the same. I would say the biggest difference in the html would have to be the quantity of images and buttons placed into the home page. 

Pinterest- 

This is definitely my favorite one. 

As you can tell, there isn't much of a difference between the html picture and the website itself. It had close to no style sheets and certainly no organization. Im not even quite sure they bothered to change the color of the links!

Alright. This is a little bit better, don't you think? Theres good balance, nice colors, and it all seems very simple. Pinterest, as well as these other websites, have come a very long way to be where they are. The html coding in this one might seem very similar at first, but then you'll realize there aren't any random dashes in the new one! I suppose they probably figured out how to work dreamweaver after a few years. Whatever the case, all of these websites are new, modern, and show that web designers everywhere are constantly learning and changing according to the society and how its advanced. 

Way Back Machine- 

personally, i think this website is very cool and showed me a lot of neat things. Because of my age, i was very young when most of the internet and computers became a big thing and its funny to see how things were even when i didn't appreciate it as much as i do now. 

E-communications Brochure

This is my e-Comm brochure. I believe it represents all of the amazing things about e-Comm and truly shows how fun and interesting it can be. It also shows that e-Comm is not set to just one strand, but you can do so many different things with it and whatever you want to do, e-Comm can make possible. Because the things listed there are only the start of what you can do.

Kerning

In typography, kerning is when you adjust the space between characters in proportional font, usually to receive a visually pleasing result. In a well kerned font, the two dimensional blank spaces between each pair of characters all have a visually similar area. In this game, we were asked to move the letters around blindly, trying to put them in the correctly "kerned" spot. And if we got them in the correct area, it would give us 100%.

Responsive Web Design

Responsive Web Design is a Web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors).
Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries.
As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the user’s preferences. This would eliminate the need for a different design and development phase for each new gadget on the market.

This is the smallest profile, showing 

that everything has compressed and 

come together, still showing the basic

 knowledge of the website. 

This view is nice because is shows

 how the words have compressed, 

and the links have changed position,

but it still gives you a basic site of 

the home. 

This view is the basic start and shows where 

everything is originally, giving you extra space 

with the links and things.