MAKE SITES .CC

Centennial Plaza is a commercial and retail precinct occupying an entire block in the southern sector of the Sydney CBD, that includes three commercial office towers and nineteen retail shops.

(click here to visit the website)

I’ve created the XHTML and CSS parts of this website. Each page of it loads a different stylesheet which controls the coloration changes of the page’s elements emphasising the different character of each section.

GRECH Sales & Marketing, represents some of the world’s leading international companies and brands within the automotive refinish and industrial markets.

(click here to visit the website)

I’ve created the XHTML and CSS parts of this website.

This is an advertisement two-pages website for the UK version of mobile service TuneMo.

(click here to visit the website)

It has been created in specified fixed dimensions and includes a flash sound player for previewing the music.

I’ve created the XHTML and CSS parts.

I worked on my friend Dylan Rhodes’ website called Reezle that just entered its public beta. Among other things I did the main navigation menu for the site. Since the website uses the Prototype-Scriptaculous combination it was logical to create this element with the existing libraries.

I eventually came up with a solution that was both elegant and efficient and I decided to release this script as open-source (with permission of course) as it can have many other implementations.

See an example here

The above is included in the archive, along with the Prototype library, and I suggest you use that as a basis for your application. The actual JavaScript routine for the menu is this:

var DropDownMenu = Class.create();
 
DropDownMenu.prototype = {
 
 initialize: function(menuElement) {
	menuElement.childElements().each(function(node){
		// if there is a submenu
		var submenu = $A(node.getElementsByTagName("ul")).first();
		if(submenu != null){
			// make sub-menu invisible
			Element.extend(submenu).setStyle({display: 'none'});
			// toggle the visibility of the submenu
			node.onmouseover = node.onmouseout = function(){
				Element.toggle(submenu);
			}
		}
	});
}
 
};

Download the Script

Version: 1.0
Language: JavaScript
File size: 29,6kb

This is a community site directed solely to greek university students - it aims to connect students from different schools around the country and create online relationships and debates. The first version of the site was created back in 2003, when social networks where more of a concept than a reality and after 5 years it was time for a fresh start.

(click here to visit the website)

I always had a plan to update the site at some point and then I came across Elgg, a social networking platform that is built with the latest font-end and back-end standards. XHTML compliant, MVC architecture and with many of the popular community services (blog, friends, groups, forums) embedded into one fine package. I knew I had to get my hands dirty with it and dissect it bit by bit. And this site, being a side-project in my schedule, was a perfect opportunity to utilize the platform and extend on it for my specific needs.

I created a new visual interface and did the greek translation for the front-end. In the background I had to change the functionality in some of the modules as they are transformed for the niche target group, for example the user groups became educational institutions and had to operate in a different way.

Technically it was educational as intended and I gathered the experience I wanted from the platform. Visually it was a pleasure to work with a standards-compliant design and make my job applying the new graphic elements simple.