Project Proposal

The mineral, number, animal, and letters I received were:

Lapis Lazuli
Elephant
O, X
72

I used these 4 things to brainstorm 5 different businesses, and what they would function as. In the end, the business I went with was; Lapis Lazuli XOXO est.1972.

LLXOXO's logo is a small, detailed elephant, and their main products are focused around beauty. They sell their own lines of clothes, for men and women, and beauty products, all for a low price! LLXOXO's most popular product line is called 'Pinq', and is targeted towards women, this line includes perfumes, makeup accessories, shirts, dresses, sweatpants, and other similar items. LLXOXO's main customers are teenagers, and young adults, they are very popular, and keep up with current trends within those subcultures.

Senior and Junior class list!

My web design class:

Please check out my new website! It's my first senior project! I made a site compiling facts on all of the juniors and seniors in web design! Link below:

http://eravensonline.net/students/942mrp24/projects/Junior%20project/Junior.html

Glyphs panel - Photoshop CC

Intro-

  I looked on Lynda.com for a simple new feature from Photoshop C6 to Photoshop CC, and what I found was described as "long-awaited," and "added at last." This new feature is called the "Glyphs Panel," this window can be found under the "Window" tab, but it can also be found under "Type>Panels>Glyphs Panel," as seen below.

Uses-

  The image I am using Is just a picture I took of a blank table, the words on the left and right are "ありがとう！," and "Thanks!", "ありがとう" means "thanks" in Japanese! (There is  a difference difference between the word "thanks," and the phrase "thank you" in Japanese) 

  What the Glyphs Panel is, is a panel that allows you to see the entire set of symbols within a font. The reason I chose Japanese was to show the difference between the few english characters there are, and the many Japanese characters that are in it's language system (That's over 5000 characters!), It also goes to show how much is access-able within a font, so if you can't make it on your keyboard, you can just look through the Glyphs Panel to get any symbol that's in the font without copy-pasting symbols that aren't access-able on the keyboard.

EOY Reflection

My E-comm junior year experience

This yea was hectic in and outside of school. This year in web, what I learned wasn't a handful of new concepts (except for PHP), but rather, ways to build upon the main concepts of web, and make my websites look more appealing to the eye, and the way I learned it was through the help of Mr. Olson, but also a good deal of self-directive teaching. This is pivotal because before this I haven't been very self-driven, and that definitely showed at the beginning of the year, though I was strong at the concepts that I learned, and that's why this class has been very important to my life and personality, the way I learn as a whole.

 This year, I definitely wish I actually tried first quarter, and there are some other instances in the year that I wish I was a little more focused, but it is because of these mistakes that I learn to make my senior year in E-comm a much better experience, to try my hardest and use my mistakes as stepping stones! In conclusion, Junior year was about what I put in, and how I got it out, about self-directive, but also not being afraid to ask others for help, this year was great, and I just hoe next year will be even better.

Extreme homepage makeover websites

 Here are the 2 websites i chose to base this project off of:

The one on the left is Mahaffie Elementary, the one on the right it Taco Via

I chose to base my final off of these 2 sites because the Mahaffie site has a nice, sleek design, and Taco Via's site has a simple, single column design that i think Mahaffie Elementary would benefit from.

Here are links to both sites:
Mahaffie
Taco Via

6 tips for mobile sites

1) Take advantage of white space

Don't be afraid of white space, embrace it. When you have no room for text over an image, try putting it below or above in that extra white space you have! White space can actually make your website look better. A good example can be seen below.

2) Keep logo placement consistent

No matter what, when making a website optimized for mobile, you always keep your logo in the same spot, and don't change it! If you keep your logo in the same spot, people who saw your desktop site won't feel lost, it gives them a sense of comfortability, remember, people don't like change! You can see an example of this below.

3) Remove excess visuals

When making a website for mobile, you try to keep the essential information, and functions on the website on the page. If there is just too much, don't be afraid to remove excess visuals, this is to ensure that your page is less crowded, and people would feel more comfortable visiting it. Look to the example below for reference.

4) Consider finger size

When making buttons and just other general things to click on in your website, make sure they are big enough for fingers to tap on, and users wont get frustrated and just leave the page. some people have a very hard time with these things, and since they are the consumer, you must accommodate to them. You can see this in the example below.

5) Focus on the more important content

This rule should be a given. When cutting content of any kind from your website, make sure you keep the essentials, this rule also goes for when you are creating content for your site. Look to the example below.

6) Scale font size

This rule is also a fair given. When scaling down to mobile screen size, make absolute sure you scale the font size correctly, also just try to generally avoid making your font size too big to see, or to small to see. This is demonstrated in the example below.

Looking into websites

w3schools

The try it demo

In w3schools, you can try out a certain html element of your choosing for yourself! it's very helpful and I wondered how it worked, but it's just a combination of iframes used to simulate html editing, and the javascript is what changes the result in the next box. The javascript element used is called "submitTryit", as seen on the image to the left.

The top navigation bar

The navigation bar is a vital tool for helping users browse websites, and is seen on almost any informational website. I chose  to feature w3school's because it has common organization and drop menus

You can see what they look like below!