Texture Site Mock-Up

This was made in Adobe Illustrator in an attempt to use texture as I would use it in a website. This was mainly used to practice using texture in a website.

Texture in Web Design

Texture is normally looked at as a grungy kind of style but it actually is very useful when used correctly. It has many uses that can add visual appeal to something.

You can visit Smashing Magazine for an in-depth tutorial on texture.

A. Texture can be overlooked because it can be thought of as a dirty design. It actually can bring a whole design together but should not be the focus.

B. Patterns are usually smaller images that repeat over and over. Texture are usually larger images that do not repeat.

C. You can use a textured object against a clean background or a clean object against a textured background.

D. Texture can catch your eye and lure it toward the textured area.

E. It can add to personal or unique aspects about your sites.

F.

1. You need to make sure that if you are using textures that you make sure everything is still easy to read.
2.  Do not use too much texture to the point that it is distracting.
3. Practice using texture before you apply it to a real project.
4. If you don't need to use texture don't.
5. Think about how you will use texture before you start.
6. Whenever you come across something you can use; save it immediately so you don't have to find it later.
7. Masks are a safe and efficient way to apply texture.
8. Make sure your textures are high quality instead of worrying about loading time.
9. Use textures that make sense for the topic.

4.

Maptia

https://www.maptia.com/

Old Town Spice

https://www.oldtownspiceshop.com/

The Kettle

http://www.thekettle.net

Uinta Brewing

http://www.uintabrewing.com/

ColorHexa Chrome Extension

What Is It?

This extension is called ColorHexa. It allows to to find or input a color code and find out all sorts of information on that color. One great thing is that it will also show color schemes for that color you choose. It even has the color conversions for about any kind of code. This extension would be best used by designers or anyone who is using many colors or trying to make a color scheme using a certain color.

How To Use:

To use this extension you first click the extension then enter your color code or search for a color with the + button. After you do that it will pull up a page with a ton of information on the color you chose.

Extension

Search Bar

Color Information

Schemes. Alternatives, etc.

Conclusion:

I think that this extension is very easy to use. The hardest part is probably coming up with the code for the color you want or even having to decide on a color. The sheer amount of information you get is a little overwhelming but it has so much useful information its hard to say its a bad extension. I would overall say that it is a great extension that provides information that you may not of even known you needed. It would be a great thing for anyone that has need of finding things like color schemes and alternate colors.

You can download the ColorHexa extension for Google Chrome here

Font Finder Chrome Extension

What Is It?

This extension is called "Font Finder". It allows you to select an element on a page and it will show you the CSS for it. So not only do you get get the font but also any other CSS that is associated with it. This would most likely be most useful for a web designer to be able to see CSS on an element of the page in a clean looking window.

How To Use:

Using Font Finder is very simple. You Simply click the extension then click the element on which you want to see the CSS for. A window should then pop up with the CSS for the element you selected.

Extension

Element

Font Finder Window

Conclusion:

This extension is extremely easy to use. It may be very simple but just using for something like finding the font of a word it is fast and works well. I think that if this is something that sounds like something someone could use then they should definitely try it.

You can download the Font Finder extension for Google Chrome here

Website Redesign

This is the Topeka West High School Website

Visit their site here

Garmin's Website

Visit their site here

Flash

Flash allowed webpages to have more complex animations to the site and it also allowed the implication of video and flash games. It also allowed for everything in it to be the same for everyone instead of it possibly being different. Although flash was huge for sometime it declined in popularity when it was not implemented in the new iPhone. Steve Jobs believed that the new HTML 5 would replace flash and be better overall due to browsers being able to build on it. However since HTML 5 was not as develop yet flash still ran many popular sites like youtube videos or facebook games. In 2011 Edge Animate was released by Adobe to create HTML 5 for mobile devices. Adobe admitted that HTML 5 was better for mobile devices instead of flash. In 2015 Youtube made its default
video player HTML 5 and Adobe's flash player allowed hackers to put surveillance software onto
computers. Adobe discontinued Edge Animate and made Animate CC. Animate CC allowed HTML

5 and Flash to be developed. Facebook is still using flash for its games but there is very few parts of the web that still use flash. Google announced that their browser Google Chrome would block flash by default but will still be able to turn it on. Flash is definitely dying but it is something that should not be forgotten. It was a large part of the webs history and without it the web would not be what it is today. There are many archivists trying too keep flash in archived sites.

Semester 1 Final

In this assignment we had to make a christmas themed website using all of the things we learned previously in the semester. I started by coming up with a christmas themed idea. I chose to research the history of some Christmas songs. I just started with a simple page layout and just added on to it to make my page. Some things I learned is that some text is just too long to put in places like the navigation bar without it breaking. If I had to change something I would change my pictures by increasing their size and possibly moving them to different spots. I think that my navigation bar was good so I would keep that. Things I will take away are how to make a good navigation bar and to make sure my images make sense in terms of size. I thought that this was a good project to put the things we have learned so far this year into.