Natalie's Blog

Intro Responsive web design provides optimal viewing and interaction for viewers. Having a responsive site makes it easy to read and navigate a site with different viewing platforms from a large iMac to a small screened smartphones. Media queries enable the CSS to adapt to the different screen sizes. To get the display to adjust you must define the breakpoint where the CSS will change styles. Example The website I chose was a by one of my favorite blogger In the Frow:  http://www.inthefrow.com/

This project was a website focused on the important rules of photo composition because photography is becoming more important and used in web design. Design To start the layout I used a basic layout format I created a couple months ago that I can use for any project that has all basic html elements. I made my header with a photo I took in  California of the skyline. I chose to focus on the rule of thirds, symmetry, point of view, background, depth perception, natural frame, space to move, filling the frame, contrast, avoiding the middle, pop of colors, and breaking the rules because you always need a rule breaker. To show examples of the rules I took all of the pictures on my site. Most of the pictures I had previously done before the project. My favorite picture I took was the one I used for breaking the rules.  This is an example of breaking the rules because the subject, my dog, is in the very center and is not following the rule of thirds. It is also my favo...