Validation errors - FIXED!

Finally i managed to fix all my HTML and CSS errors.

Validation Errors

I have finally come round to validating my website!. I have encounted 28 errors! im going to attempt to fix them now.

Browser Testing

Before validating my website I'm going to test my website in different browsers using (www.brosershots.org) and on my own computer. The screenshot below proves my website works in the following browsers.

Internet Explorer 8 (working)

Firefox v 3.5.5 (working)

Safari v 4.0.4 (working)

Colour blind - Vis Check

Vischeck is a program that shows what a webpage looks like in a browser to a person that is colour blind. You can select from different types of colour blindness and preview in a few seconds!

I plan on testing my website in this.

http://www.vischeck.com/

My 3 Website Mockups

My 3 Website Mock-ups.

Research - Colour Blind - useful Tools

Today i found a useful tool which is a plugin for Photoshop that stimulates red/green colour blindness . I plan on using it in my website.

Example:

Website Research

Website - www.magicsocket.com

Type of site – Portfolio website

About – The online portfolio of magicsocket, an interactive agency from Turin (Italy) specialised in the creation of Digital Products based on Adobe Flash technology.

I think this website is very well laid out keeping the navigation simple and easy to follow. The use of contrasting colours makes the website more eye-catching and easy to read.

For the opening of the website they have a loading screen using scalextrics tracks which they put together to make up the numbers.

On the homepage of the website they have used and Scalextric tracks as their main theme incorporated into the site. Magicsoket have used Flash to create a Scalextric game which the user gets to select a car and race around the track. Once the viewer races around the track the page starts to navigate around with you.

Javascript - Breaking down the code!

Below is the original code to change the font size using Javascript

Breaking down the code. The yellow boxes are the javascript and html. The red text is my comments.

Website update

Some more pics i might use for my website...

Wireframe

Here is a basic wireframe for my website.

Traingle Rule

The picture below shows one the main hotspots where the majority of viewers eyes are drawn onto the screen first. Ive based my design around this as a way of experimenting with design structures.

Colour Wheel - Contrasting Colours

Below is an few examples of contrasting colours.

Colour Wheel

Today we looked at Colour wheels and how certain colour an compliment and contrast with each other.

Below the colour wheel is an exmple of my favorite analogous colour combination. Both colours work well together because they are easy on the eye.

Rule of Thirds

What my website wireframe looks like with the rule of thirds applied.

Networking Map

Gantt Chart - Website

A Gantt Chart created for my website.

Journal Task – 3 user based websites

For our journal task we were asked to find 3 websites providing user generated content

http://www.photobucket.com/

Photobucket is an image hosting website allowing users upload photo content varying from personal to professional photography photos. Over time the website has broadened their content allowing users to upload videos too. The website structure is very simplistic with the simple navigation bar at the top and sub categories to the left, thus allows more space for user generated content to be listed. The use of colour has been kept minimalistic using blue and cream as the centralised colours plain against the varied content uploaded.

http://www.cafepress.co.uk/

Cafepress is a template and user driven website offering users to purchased custom made t-shirts. Users can either upload photos to templates or upload their own designs to share. This also offers fan bases e.g. Twlight to generate content and share their passion for the film. The website uses the top-down navigation keeping it simple; also using bright clean colours making it look busy.















http://www.dailymotion.com/

Dailymotion is about finding new ways to see, share and engage your world through the power of online video. You can find/upload videos about your interests and hobbies, eyewitness accounts of recent news and distant places. The website is very self explanatory with the simple navigation bar and big headings showing where you are. The use of a star rating allows the users to view categories in a different way, allowing them to view comments from other users.

Final Identities Package

Identities Project by ~creativeblur20 on deviantART

Avatar Element - Head

I'm finding it quite difficult to create an avatar because I still don't understand where half the buttons are!

Here's the first stages where I'm currently modeling the head first so it gives me enough time to make it perfect. I have modeled some of the body but I'm just posting the head part.

Using front and side pictures I have constructed some sort of a base model to sculpt later on.

Showcase Ideas

I've been trying out various tutorials over the past few weeks which i why i haven't posted much.

I have started to create my room for my showcase and thought i will post it up.

I have created a base model of what my room looks like and now I'm going to start to create objects and lighting.

Logo

Here's my progress so far with my logo element...

I have done several other pages of ideas but i thought i would post one to show where I'm at.

Tutorial - Sword

Another tutorial i followed to help improve my skills in 3D Studio Max.

Avatar - Body

A render of my Avatars body which i currently at the first stage. I have yet to edit the hands and arms but I just wanted to create a base model to work with.

Avatar - Leg

I've attempted to start my Avatars body and I'm currently creating the legs.

Box/Showcase Element Ideas

Just thought i would post my ideas on my element ideas and what stage I'm at.

AV Element - Thinking of remixing a song or doing a pixilation of myself.

Logo - Done a few designs but still needs allot of work.

Avatar - Currently creating my Avatars head, still need to do the body

Website - I'm still designing the website but Ive purchased a webspace and Ive got to wait a few days until i can upload anything.

Other Element - Still thinking about what to do for this.

Showcase Ideas

Various sketches of ideas for my Showcase/Elements.

Biped Man

Today with Andy Love we had to rig a Biped man using 3D Studio Max. Im going to edit it later but for now im going to post my first attempt.

Tutorial - Computer Monitor

To get used to 3D Studio Max I decided to find a random easy tutorial to see if I could do a low poly model.

Tutorial - Computer Monitor

Website: http://www.cglearn.com/tutorials/max5/harnessing_03.21_lowpoly.html

A Screenshot of the finished PC Monitor

Car Modding - UVW Editor

Today we were given a model of a car which we had to customise in own own way. We were given the body but with Andys guide we were shown how to use Photoshop to make better textures for our models.

Basic Human Model

Today we had to create a basic model of a human using Low Poly blocks. Once we had been shown how to go about it I could believe how simple it was to do.

My Mood Board

I Quickly came up with a mood board which isnt the mood board for my Box/Showcase but is just for pure inspiration. I am goin to do do a uptodate version containing fewer images and trying to get some sort of a theme going.

On this mood board I have alot of varied content including games, comedy, football, cars, food and girls.

I havent yet got an idea for my Box.Showcase but am going to come up with another mood board and brainstorm some ideas.

Identities - Autodesk 3d Studio Max - Text

For our first Identities seminar we made 3d text using Autodesk 3d Studio.

Diary

Day 10

After I got bored of looking around I decided o interact/Socialise with other people and I found that after talking to most people on the game were just socialising with friends who they know. A few people were looking to make new friends and I only found 1 person who was on there for business.

If I were to just socialise with friends online I would use Facebook. I mean if you think about it Facebook can be accessed from anywhere with an Internet connection, Second life you would have to install it on every machine.

Diary

Day 7

Over the past few days all I have done is browsed and looked to see what free stuff I can get. Below is a screen shot of the first interactive object which I was able to obtain free stuff from clothes to accessories.

Diary

Day 5

After a couple of times looking around the virtual world I was amazed to come across so many object to interact with. I couldn’t believe how sad it was when I came across a chair and a message popped up saying ‘do you want to sit down’. I mean how pointless and weird that is!!!

During my time on Second life I experienced the so called new feature where the user is able to fly around so they can get where they need to go quicker. Below is a screen shot of me exploring the sites.

My Second life Avatar

Day 1

The first day on second life I didn’t really do much because I spent most of the time looking at the interface and Navigation.

First thing I did was customising my own Avatar and played around to see what was available. At first I thought that there would be loads of options of clothes and designs but after was disappointed to find only a small selection of clothes.

Scond Life - First thoughts

I would like to begin with by saying that I DONT LIKE SECOND LIFE!!! I think Second Life is just a way for antisocial people to communicate and make a 3d Avatar of themselves to hide away from the real world. But aside from being lame it has a benefit for in-world-businesses residents as they can promote and show off their company virtually.