DesignFission Blog » Resources

3 Oct

Resources Update

Posted by DarkSuiyoken in Resources. 2 Comments

It’s been some time since I’ve posted some resources for Web Designers/Developers. A quick trip to Digg yielded me 2 sites that each have their own list of resources.

The first is 100 (Legal) Sources for Free Stock Images.

The next one is 77 Resources to Simplify your Life as a Web Designer.

16 Sep

PSD Tutorial

Posted by DarkSuiyoken in Photoshop, Resources. No Comments

I saw this on Digg today and I thought it was a pretty good tutorial.

Those beautiful lines of motion we often see in Motion Graphics or the beautiful lines in the background of the nice postcard you get in Far East shops can now be done by you!

Check it out here.

The problem with the tutorial though, is that I think it only works with the colours the author gave. I’m sure if I picked my own colours, it will turn out a lot worse, since I suck at colour theory. If there is a bunch of colour palettes to go with this tutorial, then it will be perfect.

And my little project is on the backfoot a little due to a freelance job I got recently. In my current situation, I’m taking any freelance job I can.

18 Aug

Drag Slide Fade 2.0 Class Library

Posted by DarkSuiyoken in Flash, Resources. No Comments

This Class Library is one of the links sitting in my Links section for quite some time.

I didn’t have the time to check it out, but now that I did, I wished that I had checked it out earlier!

The link to the documentation is: http://www.brendandawes.com/dsf2/

The link to download the class is: http://www.brendandawes.com/downloads/dsf2.zip

What can you do with this you ask?

Lots!!!

To start with, it has a custom function for loading images.

This is what it does:
Loads an image into a MovieClip complete with a left to right progress bar and then fades the image up when it’s loaded

What your code will look like:
[code lang="actionscript"]
var i:Image = new Image(instanceName,1);
i.loadImage(”image.jpg”,true,true,false);
[/code]

Isn’t that convenient? There are more functions and classes in this pack which I haven’t go through in detail yet. But I think I definitely will post something about this soon.

10 Aug

Full Browser/Full Screen Flash

Posted by DarkSuiyoken in Flash, Interactive Media, Resources, Web Design. 8 Comments

The code for full screen/full browser is really simple. In fact, the only code that is needed is to make sure that the objects within the SWF itself does not scale - and a line of code to align it to the Top Left of the browser.

[code lang="actionscript"]
Stage.scaleMode = “noScale”;
Stage.align = “TL”;
[/code]

The rest depends on your publish settings(Ctrl + Shift + F12). What you need to do is to set the width and height to 100 Percent. Remember to change the dimensions to percentage.

I’ve attached a file, which I don’t remember where I got from. =x

The code features a onResize Handler, which is important for full screen flash as well. This is because you need this listener to check if the user resized the browser, then change the positions of the elements in the SWF accordingly.

The flash file contains the HTML, the SWF, and the FLA file for this. In the center, is a text field containing the dimensions of the Flash. Open the index.html and try resizing the browser, and you will see that the text field will always be in the center. This is done by adding lines of code to set the _x and _y of the text field within the onResize handler.

[code lang="actionscript"]
this.onResize = function() {
//– Called when browser is resized.
this.txtDimentions._x = (Stage.width/2)-(this.txtDimentions._width/2);
this.txtDimentions._y = (Stage.height/2)-(this.txtDimentions._height/2);
this.txtDimentions.text = Stage.width+”x”+Stage.height;
};
[/code]

I hope you guys enjoyed this little tutorial. A lot of people have asked me how I did QwertyDesign, and well, here is the base of what started QD.net.

Project Files: FullBrowserFlash

4 Aug