Group Client Project - Javascript for controlling font size

As we realised that many software companies may have smaller computer monitors, I got the job to look up a Javascript which could control the font size in a page.
So here's the Javascript for changing the font size in the webpage.

http://www.white-hat-web-design.co.uk/articles/js-fontsize.php

I've tried it in one of the page we've got and it worked.


I've also created two icons for the changing buttons. (transparent background with white image so it doesn't show:p)

Group Client Project - more fonts

As the font we decided to use turned out was a bit "fade" to see, we are looking for a font that looks similar to Caviar Dreams but also clear in a small size. So here's some I looked at.

1) Droid Sans - looks clear in 12 and 14px but it's not all that Caviar Dreams

(click to enlarge)

2) Arimo - looks less clear in 12px but quite good in 14px

(click to enlarge)

3) Quattrocento Sans - 12px doesn't look as good as in 14px but better than the second one

(click to enlarge)

4)
Raleway - most similar to Caivar Dream but not very clear even in 14px

(click to enlarge)

5) Nobile - look good both in 12 and 14px

(click to enlarge)

6) Ubuntu - clear in 12 and 14px too but itsn't very Caviar Dreams

(click to enlarge)

I personally prefer the 5th one-Nobile, I think it looks modern and professional, yet very clear in a small size. I am going to discuss with my groupmate and see what they think.

Music Video - Love Song by BIGBANG

I can't believe I haven't posted it here. It's a music video from the famous Korean pop group BIGBANG.



One shot! Really like the angles and the zoom in and outs.
I love it's in black and white too, it adds a sorrow feeling to the video.
and...how could you stand under that smoke and dance!? I also would like to know how many times they've rehearsed before the actual shooting to get that one shot done! You know...there's a car explosion at the end where you need to get it right for only one time!

Apparently the production costs $200,000 USD and they have been filming it for 4 days using "Skycam (overhead cameras on wires)" and "4 point wire cam" (not sure if those are official names:p)

Just in case, this is the Making of the video here for you.

Cars 2 trailer recreated with LEGO

It's a frame-by-frame recreation of the original Cars 2 trailer with LEGO bricks.

Isn't this cool. I especially like the explosion part! :)

Group Client Project - updates

This is the homepage of the website so far.

The navigation and gallery jQuery are working, the pages are linked together.
As each member of our group have done different pages separetely, we are now working on putting the pages together with the same CSS style but the basic structure is done. We still have quite a lot to tidy up and a few jQuery codes needed to be add in but I think we've worked quite well so far as a group.

Group Client Project - Accordion

As there are so much information in the website we need to include, we need some jQuery accordion to hide some of the content in a page so the content and the page will be neater and clearer.

This is the accordion we are going to use- jQuery Common Accordion - Horizontal and Vertical

Demo

Group Client Project - Product Icons

These are the original icons for the products.

I've re-designed them to make them look moderner and more professional.

Group Client Project - front page pictures

I've been working on the pictures that are going to be in the gallery box in the front page, like the one in the Windows homepage with buttons that can slide through the products and linked to the download page.

Each one of these pictures are for each one of the five products in AJC Soft.

They need further editing as they look a bit dull at the moment and we need to try to put them into the actual HTML5 to see if they fit and also ask the client's opinion first and then I could improve the quality of the pictures.

Group Client Project - jQuery gallery

I am looking at some jQuery galleries for the front page gallery.

1)View Demo

script

We need something like this, with a description and buttons for users to click through the pictures.

2) View Demo

script

I think this is just what we need, with clear arrows and number of slides. Description with links too.

3) Demo + Script

I like this one, simple and professional.

4) Demo + Script

This is similar to the one above, simple and professional. An I think this looks even moderner.

5) Demo + Script

I think our group had came across this one and thought this would be a good one to use. I like it. It's like the two above combined.

Group Client Project - further mock ups

After meeting up with our group, we've came up with an improved version mock up. I am glad that it's based on my first mock up as my groupmate liked my use of the colours.

This is the improved version mockup for the homepage I made.

This is basically how the website is going to look like with these colours and layout and this is the actual size too. The only thing isn't right is the font, we've decided to use this Caviar Dreams font.

So now we are going to work on the actual HTML5 and CSS3 and putting in some JQuery codes and the more complicated product pages, still a lot to do, more to come!

Group Client Project - Lavalamp menu

So finally, we've decided not to use a drop down menu in the navigation bar, as it looks a little bit messy when it drops down. We've decided to use the Lavalamp Menu in the navigation bar, because it's neat and looks professional.

Here's the one we've chose to use - Lavalamp Menu

Demo