CSS
Site Launch: Barnes Realty, 158 Collins Road
by Scott King on Jul.28, 2010, under CSS, JavaScript
Recently launched, a web site to showcase 158 Collins Road for Barnes Realty.
http://www.158collinsroad.com.au
Best Practice: JavaScript Window onLoad usage and event handelers setup
by Scott King on Mar.15, 2010, under CSS, JavaScript
Handy Copy & Paste window.onload and event hanelers setup snippet:
<script type=”text/javascript”>
var temp_f;
if( window.onload ) {
temp_f = window.onload;
}
window.onload = function () {
if( temp_f ) {
temp_f();
}
init();
}
function init(){
initPageEvents();
}
function initPageEvents(){
document.getElementById(‘linkClick’).onclick=function(){
linkClicked();
}
}
function linkClicked(){
alert(“ok”);
}
</script>
[..]
<a href=”#” id=”linkClick”>Link</a>
Sony Playstation 3 Launch
by Scott King on Oct.29, 2009, under CSS, Flash, PHP
Today Sony launched their new Playstation 3 web site which I was responisble for creating. I built this for some of the talented people over at Tequila, design by Craig Brooks, downloadable widget by Danny McGillick.
This site presented a few unique challenges. First of all it was to feature a pseudo-3D transition for the load screen but was asked not to use an propitiatory 3D software such as Papervision. The next challenge was to create a flowing navigational menu that is fed from a dynamic XML feed with random positioning of the nav items. The site also needed to feature a “Favorites” system that allowed user to add their favorites sites to a “bookmark” style menu on the site, however due to technical restraints I was not to use a database, this meant storing the “Favorites” in browser cookies and writing a quick interface to access the cookies. Finally the site was built on top of the Kohana PHP framework and an alternate HTML only version developed by the brilliant Luke Schreur. The site features 9 different “Skins”, refresh on the landing page to get a new random skin.
Head on over to http://www.playstation3.com.au to check it out.
FireFox 3 Flash Emebed bug
by Scott King on Sep.08, 2009, under CSS, Flash
Here’s the fix, simple CSS rule on object element.
<style type="text/css" media="screen"> object { outline:none; } </style>
Sanity.com.au Site Launch
by Scott King on Aug.06, 2009, under CSS, Design, Flash, JavaScript
Today we rolled out the new version of the Sanity Australia web site. Several months of blood, sweat and late nights went into this one. It’s a major e-commerce site built for Australias biggest music and dvd retailer. I was responsible for the front-end development and .NET integration.
Take a look at:
Site Preview: Crust Pizza
by Scott King on Aug.04, 2009, under ActionScript, CSS, Design, Flash
A preview of the new Crust site featuring quite a cool Carousel I created from pre-rendered FLV video. I did a version of this Carousel in Papervision 3D but decided to run with a 3D pre-rendered version as the level of interactivity didnt require a full PV3D application.
The Carousel uses 2 small FLVs, one for the scrolling and one for the box opening. I simply loop part of the scrolling video to allow the boxes to slide multiple times and reverse the videos for animating the slide in the opposite direction or to close the box lids. I then load the Pizza PNG itself under a dynamic mask on top of the FLV along with the Pizza information from an XML web service. Video rendering by Jonathan Miranda.
ActionScript 3, Tweenlite, Bulkloader.
Cool effect. Check it out at:
http://www.scottking.com.au/portfolio/crust/
Site Launch – Olympus PEN ver 2
by Scott King on Aug.04, 2009, under ActionScript, CSS, Flash
Last week I launched version 2 of our Olympus PEN promotional site. This site has a range of Flash including a Flickr based Papervision 3D Gallery and competition, 360 Product spinners, YouTube videos and informational panels.
Design: Jonathan Miranda, Glen McPherson, Aliza Nordin
Site launch: Olympus new PEN Camera
by Scott King on Jun.18, 2009, under ActionScript, CSS, Flash
Olympus have released a revolutionary new camera and required a new mini-site to be built to conincide with the launch of the new camera named the PEN. Unforntaly, we were only given 2 days to build the mini-site which included a online competition for photographers to upload pictures int a competition. A good job on a very tight deadline.
View the site at:
Sanity.com.au Build Preview
by Scott King on May.07, 2009, under CSS, Design, Flash, JavaScript, SEO
This is the new Sanity.com.au revamp I am presently working on. Being a large consumer site I built the site with all best practice and progressive enhancement techniques available.
Site Preview:
http://www.scottking.com.au/portfolio/sanity.com.au/
Themed version:
http://www.scottking.com.au/portfolio/sanity.com.au/index_batman.html
Technology:
- xHTML 1.0 Strict
- Custom Styled Form Elements
- sIfr Flash Font Replacement
- jQuery Animation
- swfObject Flash Embed
- CSS class based Themes
Features:
- Passes w3c Validation – http://validator.w3.org/check?uri=http%3A%2F%2Fwww.scottking.com.au%2Fportfolio%2Fsanity.com.au%2F&charset=(detect+automatically)&doctype=Inline&group=0
- No CSS Hacks or browser targeting
- Interchangeable Themes
- Progressive Enhancement – All major functionality works with JavaScript, CSS or Flash disabled.
- Search Engine Optimisation
- Tested in: Firefox 3 & 2, IE 6, 7 & 8, Opera, Safari, Google Chrome.
Waterloo Finance
by Scott King on Apr.13, 2009, under CSS, Design
This is a first-round build of a new site for Waterloo Finance, it is built using strict xHTML and CSS.
Services:
- Web site design (Photoshop)
- xHTML
- CSS
- Contribute CMS Setup



































