Responsive Web Design

You may have heard of responsive web design but not know what it is, the idea of responsive web design is that the site should conform to the needs of the user. In modern society this means making the site able to be resized without losing any functionality. The reason this has become important recently is because more and more people are using the web on their phone and if you want your site to be used you have to make it function on a small phone screen. How web designers accomplish this is by using media queries to say that if the screen is a certain size then chance the site to look a certain way. The places where the site changes do to the size of screen is called a breakpoint.

Example site: ONW Ravens

This is the site normally with a navigation bar at the top and a sidebar on the right

Once it gets smaller the navigation bar turns into a drop menu and some of the links change places but the sidebar is still there

Once it gets really small the logo is centered and the side bar is gone.

Comments

New Index Page

Index page link: http://eravensonline.net/students/823cw21/ In this project we revamped our index page. We integrated things we learned from recent projects. This includes color schemes, depth, and Google web fonts. I used the background to create a good looking color scheme. I used shadows and CSS ribbons to add depth to the site. I chose two google web fonts to add, one for the headings and one for the text.

Junior Year Reflection

Reflection Over my three years of being in the eComm program I have learned many valuable takeaways, but today I will only share one from each of the eComm guarantees. First technology, the main takeaway I got for technology is the importance of remembering that technology is not some force to be wielded but a obstacle to push through. This means that technology does no always do what you want it to, but when you finally get it working you have grown in knowledge and experience. Second is collaboration, from my time working on the TV 25 website I learned that sometimes when working with other people specially a client it is very hard to balance creating something they envisioned and creating something that is actually functional and looks good. Third is communication, there are many times, like working on my PHP sites where I had to communicate with some of my classmates. From this I learned that one of the key things to communicating effectively i...

Don't Make Me Think chapter 1

This makes you think because you can't tell if the logo is or is not a link. Also the titles look like links but are not obvious. This makes you think because the Bing logo does not look like a link but it is. Also the icons are not standard so you have to think what they are. The red heading looks kind of like a link but it is not clear. The black text does not look like links but it is.

Cory e-Comm Blog

Search This Blog