Project 6 – Task 2 -BEEF Showcase Evaluation

June 8, 2011 § Leave a comment

For this project we had to design a showcase for our team called BEEF to show our personal portofolios. After the first meeting with the group, we decided to not use any flash technology because it is not compatible with all devices. Through research I found ways to use animation without using flash.

Technology used: HTML, CSS, CSS3, Javavascript, Jquery.

Library used: Jquery (latest version)

Navigation: In the navigation I used font-face, and CSS3 to give  shadows;

Small Fly animation: For the small fly flying around the screen I used a script called moveobj.js ( source http://www.dynamicdrive.com/dynamicindex4/flyimage.htm);

Web site scrolling: To animate the scrolling I used a Javascript that make the scrolling smooth (source http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/);

Pictures Gallery: The icons are made by images to which I applied a class that gave the rotation and shadow with CSS3  and the gallery is a Javascript called SlimBlox 2.0 (source http://www.digitalia.be/software/slimbox2);

Logo BEEF: The logo BEEF (wich back to homepage), in internal page,  is animated by CSS3;

Sounds: All the sounds work with a Dreamweaver script called MM_sound;

Conclusion

The team is happy with the result because it functions well, the graphics have impact and the animations give the showcase dynamism much like a flash video but without the downsides of flash in terms of device compatibility.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s

What’s this?

You are currently reading Project 6 – Task 2 -BEEF Showcase Evaluation at Giorgio Scappaticcio's Blog.

meta

%d bloggers like this: