Responsive Web Design Intro

     Responsive Web Design is the belief that design and development of the site should respond to the user based on orientation, environment, and platform. This has become increasingly popular due to the increased amount of people using mobile devices over the past 5 years. Media queries are media modules used to render and adapt to screen conditions such as screen resolution. Break points are the different sizes and variations of screens allowing the page to fit on them without cutting off parts.
     As you can see I've used the Apple website to provide examples on good uses of responsive web design.

This is the full screen window size for the Apple website. As you can see the top bar has all of the options on it as well as the advertising that runs across the bottom.



This is half screen for the Apple website and while it still has the top bar with all of the menus and the advertising on the bottom it is much more cramped.


This is the "iPad" equivalent to the sizing of the Apple website. There is no longer all of the options on the top, instead having the lines on the side where a drop down menu appears. There is also no wording on the bottom of the advertising.

Comments

Post a Comment

Popular posts from this blog

Technical Improvement

I worked very hard on preparing Media Day for the class, getting the times and place set up, as well as preparing the coaches and players for the interviews. Media Day has been my primary area of focus for this week.
Read more

Semester 2 Web Design Reflection

Technology This aspect of e-Comm is huge. We are constantly using technology throughout our entire lives, and when working on projects for e-Comm we are always utilizing this technology. It wasn't something we had to "learn", because it comes natural to my generation, as we have grown up with it. Technology is so vital to everything in the world today. We use it to communicate, use it for commerce, use it for negotiation, to spread ideas. There is no part of our lives where we are not surrounded by this tool we use in our everyday lives. Collaboration As with technology, we must utilize this skill in order to both succeed academically and professionally. This is a skill most people grow up with, but for some they must be forced to collaborate in order to master it. It is important the same way that technology is important to our lives. Without it, the very world we live in would fall apart. Collaborating with each other allows us to spread our ideas, shape them, ...
Read more

Falcon's Westside Works Project 9/15

The reporter is for NBC news, and it is clear that they are very experienced in creating quality feature stories. She starts off the story by telling the viewer what they are watching the video about and then showing video of the area and the new stadium. She gets multiple interviews with people who have been affected by the project, as well as the Falcon's owner. The video describes the effects of the new stadium and the new jobs created by it. There are very few issues with this video. It is produced very well and the footage is of high quality as well. One potential downside is that the reporter only interviews people who have been positively effected by the stadium. There may not be any people who have been negatively effected so that could be a reason for only interviewing the positive people. This story is a good example of a well produced feature story and there is much to take away from it. The shots, interviews and voiceovers are well executed and I can implement those...
Read more