Responsive Web Design Intro

A. Responsive Web Design- an approach to web design 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 desktop computer monitors to mobile phones) (wikipedia)


B. Responsive Web design is important because it makes a more user friendly interface to your website. If the site looks bad on mobile the user won't want to bother with it but the resposive design invites the user to use the site. a place in a computer program where the sequence of instructions is interrupted, especially by another program or by the operator.


C. Media Queries- a CSS3 module allowing content rendering to adapt to conditions such as screen resolution (e.g. smartphone screen vs. computer screen). It became a W3C recommended standard in June 2012. and is a cornerstone technology of Responsive web design.(wikipedia)


D. Breakpoints- a place in a computer program where the sequence of instructions is interrupted, especially by another program or by the operator.



One of the best responsive websites is the Boston Globe: http://www.bostonglobe.com

The smallest version has only one story to the top, the menu is a button on the top, there are no ads, and the font gets a little bigger







For the 2nd smallest version of the site it loses the menu at the top, it moves one of the top stories down, and the font gets bigger




The biggest version has a menu bar at the top, the images are bigger, its has three stories at the top, and the font gets a little smaller.

PC vs Mobile Phones vs Tablet

Over the last 3 years mobile phones have cought up with and over took PC's in the amount of time usage on the internet. Google statistics show that in 2010 7% of the views were mobile and in 2014 it went up to 74%.  In 2010  70% were PC and in 2014 17% were PCs. Over the next 10 years it will probably be mostly mobile uses. 

Bounce rate (sometimes confused with exit rate)[1] is an Internet marketing term used in web traffic analysis. It represents the percentage of visitors who enter the site and "bounce" (leave the site) rather than continue viewing other pages within the same site (wikipedia).

The bounce rate is the highest for mobile at 45%. its the the lowest for PC at 33%. Pages per view are the highest for PC at 11. Its the lowest for mobile at 5. This shows people when using a PC want to sit and view things for longer periods of time, and mobile users want to get quick bursts of information.

Those stats are mirroring the stats of page views and bounce rate of the ONW website. They have all increased in the same ways over the last 3 years. It all shows that mobile is rising and rising to power, more and more people are getting them and less and less people have PCs.  

Sources:

http://www.practicalecommerce.com/articles/74727-Visitors-Devices-Affect-Ecommerce-Conversions

http://en.wikipedia.org/wiki/Bounce_rate

Blog overhaul

Over this past week I have made several big changes to this blog.

1. I have added a image to the header of the blog to replace the title text. The image shows off some of my best projects.

2. I added A section to the sidebar where users can click a link to my profile page or the home page.

3. I changed the color scheme of the blog to blue instead of having a blank white background.

4. I added a picture of of myself to the main page.

5. I limited the number of posts that are displayed on the main page to 10.

6. And Lastly i added a section where you can share the posts on twitter, Facebook, etc.

My Can

This is my can i made in maya. I made the can texture in photoshop. I made it look like a real can logo. I used the CV curve tool to make half the out line of the can. I then used the revolve tool to fill in the design and make it a full 3d model.