Skip to main content

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

Post a Comment

Popular posts from this blog

House Project

  In this project we used SketchUp to create a house from a floor plan. You first create a rectangle the size of the floorpan. Then you Make the roof. The hardest part was the patio because of all the spacing between the bars.
Post a Comment
Read more

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...
Post a Comment
Read more

Invasive Species Website

For this project we used Dreamweaver to make a website for Invasive species awareness. I had a lot of fun coding and designing. There were some problems also but I figured them out.
Post a Comment
Read more