Notepad Web Development

Feed icon

Blog

AS3 Singleton workaround example

package
{
	public class YourSingletonClass
	{
		private static var _instance : YourSingletonClass;

		public function YourSingletonClass(pvt:PrivateClass) { }

		public static function getInstance():YourSingletonClass
		{
			if (YourSingletonClass._instance == null) {
				YourSingletonClass._instance = new YourSingletonClass(new PrivateClass());
			} else {
				trace("No can do - already gots me an instance of this class");
			}
			return YourSingletonClass._instance;
		}
	}
}
// Workaround to enable Singleton pattern, because private
// class declarations are unsupported within AS3
class PrivateClass
{
	public function PrivateClass() { }
}

Childish Questions

A micro-blog where parents can contribute strange and wonderful questions that their children ask them from day to day. (more…)

Personality types mini-app


[Click image to view application]

A mini-application created for Imperial Tobacco.

A basic AS3 custom event template

package  {
	import flash.events.Event;
	import YourClass;

	public class YourClassEvent extends Event
	{
		public static const SOMETHING:String = "something";
		private var _object:YourClass;

		public function YourClassEvent (type:String, object:YourClass)
		{
			super(type);
			_object	= object;
		}

		public function get object():YourClass
		{
           return _object;
		}

		override public function clone():Event
		{
           return new YourClassEvent(type, _object);
		}
	}
}

AS3 Flashing EQs



Created as part of Rizla UK’s 2010 Invisible Players pages.
(more…)

Rizla Suzuki Moto GP widget

Moto GP widget created for Rizla UK.
(more…)

Flash banner for AMF Bowling

Flash banner created for Sol Promotion offer at AMF Bowling. (more…)

Analogue timezone clocks

Created for the dashboard as part of the Rizla International website. (more…)

Dynamic resizing full bleed background image

This was a quick mock-up done in Flash CS3 for a pitch for a new site for Harrogate Ladies college. The background images rotate thorugh a slideshow and will dynamically resize as you change the size of your browser window. In order to see this working you will need to view the swf in it’s own window… here’s the link

The code for the resizing the image on resize is pretty straight forward, just don’t forget to add smoothing to your source images.

resizeHandler(null);

stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align 	= StageAlign.TOP_LEFT;
stage.addEventListener(Event.RESIZE, resizeHandler);

function resizeHandler(e:Event):void {

	// get largest dimension scaling
	var w	= stage.stageWidth / 1022;
	var h	= stage.stageHeight / 687;

	var newWidth, newHeight;

	if ( w > h ) {
		newWidth	= stage.stageWidth;
		newHeight	= 687 * w;
	} else {
		newHeight	= stage.stageHeight;
		newWidth	= 1022 * h;
	}

	backgrounds.width 	= newWidth;
	backgrounds.height 	= newHeight;
}

Tweetcurve

HTML and CSS build for Tweetcurve website with a flash banner. (more…)

MTV channels – twitter feed

http://notepadwebdevelopment.com/mtv/

Created for a pitch at MTV. This is a reworking of the True Colours of Twitter piece with some functionality changes. (more…)

Reskin for John Player trade site

HTML and CSS re-skin for new John Player trade site after logo redesign. (more…)

Writing jQuery for Wordpress

( function($) {
$(document).ready( function() {
//-------------------------------

  // Your jQuery code here

//--------------------
} ); } ) ( jQuery );

Or alternatively, you can use no conflict mode, and use $j throughout your script instead of $

var $j = jQuery.noConflict();
$j(function(){

});

(more…)

Wordpress – Plog theme

A while ago I set up a poetry blog for a friend, built using Wordpress (more…)

Starting work at Sense Internet

I had to write some cross-browser compatible HTML and CSS in order to seal the deal to work at Sense Internet as an Interface Developer. The page I built works in IE 5.5, 6, 7, 8, Firefox (Mac + PC), and Chrome (Mac + PC).

Download the Source | View the page

As well as HTML and CSS I’ll be working with the Sense Javascript framework which is object oriented and based upon Prototype. I’m also hoping to get started with some Actionscript 3.0 stuff as soon as possible.

Final marks for Leeds Met degrees were announced today

I logged into Leeds Met results online service this morning to get my final marks for my degree. I got a First Class Honours. The title of my course was BSc(hons) Business Computing – Internet Systems. When people ask what I study I usually just reply “Web Development”. I’m posting my marks here so I have a record of them and they don’t get lost when my student card and log in ID runs out imminently. (more…)

Co-working at nti Leeds

Last week I handed in my signed contract at nti leeds to accept one of the sponsored positions within their co-working space for business start ups. It’s a fantasic opportunity which comes with 3 months free membership, lots of free training and a chance to grow within an exciting environment and community. The co-working space gets a mention in this month’s Wired magazine in a feature on the office of the future.  Leeds is featured alongside London, New York, and Ibitha!

Most of my training budget will be spent on the Zend certified courses on offer. I’m planning on getting my model-view-controller skills up to sctratch. The Pro PHP book, which features a chapter on working with Zend,  should land on my doorstep tomorrow morning so I’m hoping to be making some headway with that by the end of the week.

Using Wordpress to collaboratively edit a photo project.

I needed an on-line tool that would allow Lloyd Spencer and myself to edit a large body of several hundred photographs down to 20 or so for a proposed exhibition of our “Leeds By Night” project. We also needed a looser edit that would potentially be used for a book. Some text would also be required for the book, and the site should facilitate the assosiation of certain photos with specific bodies of text.

All photographs that form the project were already on flickr, so it made sense that the site should pull the photo content from there, rather than replicating content in 2 places.

The editing process never really got going, it’s still on the back burner.