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;

Web site scrolling: To animate the scrolling I used a Javascript that make the scrolling smooth (source;

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;

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;


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.

Leave a Reply

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

You are commenting using your 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 )

Google+ photo

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

Connecting to %s

What’s this?

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


%d bloggers like this: