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

Project 6 – Design Show Case – BEEF ‘A yummy Brighton collective’

June 6, 2011 § Leave a comment

For this project we have to design a team showcase. After the first meeting we decided to call the team BEEF. The team’s members are David, Corinne, Mikey, Lucie and me. My role in the group is website’s coding and implementation. Mikey made the layout, illustrations and graphic elements, Corinne made the logo and all the documentation, and all together we decided the showcase’s style and colours, the kind of font and the technology to use; in fact after the first meeting we decided as well not to use any flash animation.

Where Am I?

You are currently browsing the Project 6 – Professional Practice – Showcase – Task 2 category at Giorgio Scappaticcio's Blog.