Color is a form of visual communication that impacts daily life. The document discusses color in web design and provides an example website that uses color effectively. It also includes the HTML, CSS, and JavaScript code used for the example site. While some elements worked well, other interactive aspects did not function properly due to JavaScript issues. With more time to learn JavaScript tools, the author aims to improve the animation and responsiveness of objects on the page.

1. Principles of Design: Color
Jonathan alfons0

2. Picking our Topics

3. What was my Topic?
color

4. Thinking about it…

5. Issues…

6. ideas

7. Project Description
• Color = a form of visual communication that impacts on our daily
lives.

8. Sitemap

9. Mockup

10. Examples with color on Websites

11. html
<a href="http://decode.uk.com/">
<img src="images/decode_site.png"
id="decode" alt="decode site" class="span6”>
</a>

12. css
#decode {
width:40%; max-width:400px;
-webkit-box-shadow:3px 3px 3px #000;
-moz-box-shadow:3px 3px 3px #000;
box-shadow:3px 3px 3px #000;
}

13. javascript
$(document).hover(function () {
$("#decode").css("background" ,
"url(../images/decode_hover.png)");
},
function () {
$("#decode").animate({opacity:'0'});
}
);

14. pros
• Arranging the images paragraph and text
properly.
• Using the bootstrap button-generator.

15. Cons
• JavaScript doesn’t work.
• Unable to hover from image to image.

16. Other Technicalities
• Unable to do the three external sizes of
large displays, default, tablets, and
phones.
• Dealing with proportions of each object.

17. To improve
• More time = More Effort
• Learn more about the JavaScript tool in
order to animate my desired objects.

18. Thank you
Jonathan Alfonso
jmalfonso7@gmail.com
jalfonso4@horizon.csueastbay.edu