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.


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.

Project 6 – Final Work – Personal Portfolio

June 6, 2011 § Leave a comment

One of the last project’s tasks is to design our personal portfolio. After  researching  portfolios (see the post) , I decided to use a minimalist style, with a white background and  few elements on the screen. I didn’t use any flash: only HTML and CSS, two jquery, one for the scrolling effect and slimbox for the pictures gallery in Portfolio page; both using Jquery library. For the gallery and for the arrows in the Homepage‘s navigation I also used a new CSS3 code that make image tags rotate. I made the illustrations in the About page and in the Contact page with Illustrator. The result is a simple and clean web site, easy to navigate and at the same time quick: in less than 3 minutes you can see all the website which is good for usability. For the introduction I used a new software called Hype 1.0 that allowed me to make an animation without using any flash, so the web site can be displayed on mobile devices such as the Iphone and the Ipad. index




Where Am I?

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