CSS HELP SHEET

CSS is the base language to decorate our websites and blogs. Without knowing CSS anybody can be a web designer or developer. At the same time CSS is the very easy to learn and to implement. In the other hand even though i am very familiar with CSS, sometimes i am confusing with some of the properties and values. So i developed my own version of CSS cheat sheet and then i extended it as a CSS Help Sheet.

If you want to learn CSS with examples or if you know CSS and if you need a reference this CSS HELP SHEET will help you a lot. Click the link below to download this four page PDF document as a zip file and leave me your valuable comments.

Download CSS HELP SHEET Version 1.0

Downloaded a total of 529 times

One final word - I am trying to find some time to post in this blog continuously, so don’t forgot to subscribe for my feeds.

Free tool tip component for Flash.

Flash and Flex components are very popular among the users of those products. Because we can easily do some complex work using these components without any programming work or spending more time.

When i started doing some user interface development in Flash for some Rich Internet Applications, I faced many challenges in terms of time, producing same type of graphical outputs for different projects. So decided to make them as components and to use them in Flash projects.

One of the component i developed during that time was this Tool Tip component. You will find this very useful in your Flash work. You can find the download link below.




Tool tip (1655)

Don’t forget to leave a comment if you find it useful.

Yes and one more thing - AS Library is back with lot of energy. Don’t forget to subscribe for the feeds.

Useful Movieclips.

In flash even-though components took a major part, Movie clips are still very useful for a designer. I always feel for a web application or web interface designer component is the best choice. However if i find some interesting animation in the web i collect them and save them as Movieclips. Now i wish to share with you this smilies which will attract you also.


Click here to download the .fla file.

Symbols in Flash

Symbols are the very basic thing in Flash. If we have clear idea on symbols then it will lead us to a great understanding in Flash.

There are three types of symbols in Flash.

Movie clip movieclip.png

This is a reusable piece of animation. They always have their own timelines for their animations. We can also script them separately for a particular action. When they are on the main timeline they will saw a nested animation in the preview. Components, which come with flash is also an extended version of movie clips. They have defined parameters with them.

Graphic graphicsymbol.png

This is a reusable static image, so they don’t use the timeline. It will always with the main Timeline and less in size.

Button button.png

This is a button, which will respond to our mouse clicks or any other input commands. This usually has its timeline, graphic and also some animation. I fell it is little bit extended version of the movie clip.

symbol.jpg

 

The best thing in symbol is, we can create that easily and we can reuse them as many times as we wish in the Flash movie. We can create symbols using AS 2 and AS 3 also. Every symbol will be a part of our library.

Instance

We can use the symbols in our stage and it will be called as an instance. The instance is really a copy of the symbol. We can edit the instance according to our need and it will not affect the symbol, which is in the library. But if you edit the symbol then all the instances will show that change.

instance.jpg

Here you see some modified instances of the symbol.

This is enough about symbols. I will update this tutorial if I fell I missed something.


Flash is……….

I wrote my first article in Flash, which is a basic idea of creative design but suddenly I changed my mind and I write this article which introduces the flash Interface little bit. I write this because when I started learning Flash with the help of various tutorials some years ago from websites I spent a lot of time in finding out the interface completely. I know most of you know this well, however this article can help a new Flash user to understand this software basically.

I am going to introduce you the latest version of the flash version, ADOBE FLASH CS3 PROFESSIONAL. If you have Macromedia Flash 8 or Macromedia Flash MX 2004, don’t worry it is almost same.

flash_banner.jpg

Timeline

timeline.jpg

I feel TimeLine is the main part of the Flash where we going to organize our work. This timeline is based on Layers, Frames and Time. In this screenshot there are four layers named “action”, “textbox”, “static text” and “back”. I always welcome a meaning full name for layers. In every layer you can use as many frames as you wish.

Property inspector

property.jpg

This property inspector helps us to customize the common attributes of our selection. The selection could be from stage or from Timeline. In this picture I selected a text field and it shows its common attributes such as font, size, width and height.

Library

library.jpglibrary2.jpg

In library panel we can store and organize our symbols, bitmaps, videos, sound clips and movie clips. We will use this panel commonly.

Actions panel

actions.jpgactions2.jpg

We can write our ActionScript code in an object or Frame using this panel. To active this panel we want to select one of this.

Ok. This is enough. These are the only panels we commonly use. There is lot more. Sometimes I will update this when I find some uncomfortable places in my writings.