Fluid layouts in Flash
I have done some projects in the past using a lot of Flash, most of the newcomers usually want their sites done using this Adobe technology.
Nowadays, though, Flash seems to have lost a bit of its shine. With AJAX, Webstandards, CSS and stuff like that being hyped as the new trend for this new web called web 2.0.
However, as an unknown designer doing my job, I have started a flash project. Basically it’s a site in flash. So one of the things that I was willing to do was to create a fluid site in flash, that resizes when I resize my browser’s window.
After some searches everything was pretty clear, it was far simpler than I expected, because that I show bellow an example with a very simple design of my logo.
Step 1 - Create a new flash project, any size, it doesn’t matter, it will take 100% of the screen.
Step 2 - Place the design and create movieclips. In this example I set the registration point in the center of all movieclips, making everything much easier to align.
Step 3 - The Stage Class
The Stage class is a top-level class whose methods, properties, and handlers you can access without using a constructor. Use the methods and properties of this class to access and manipulate information about the boundaries of a SWF file.
var stageListener:Object = new Object();
stageListener.onResize = function() {
};
Stage.scaleMode = "noScale";
Stage.align = "TL";
Stage.addListener(stageListener);
Step 4 - Using the Tween Class to spice it up a little bit. I used this class to create tweens, so, when the user will resize the windows and when he finishes the resizing and release the button, the elements will move straight to the center of the screen again.
The Tween class lets you use ActionScript to move, resize, and fade movie clips easily on the Stage by specifying a property of the target movie clip to be tween animated over a number of frames or seconds. The Tween class also lets you specify a variety of easing methods.
Step 5 - The HTML and CSS. The background used there comes from the CSS, and the flash uses the WMODE = Transparent parameter.
Final Result - Click in the image to open a new window with the flash example.
Bellow a list of some sites explaining more this subject:
| Attachment | Size |
|---|---|
| FluidFiles.zip All files used in this example. | 222.96 KB |
About author
My name is Fabio Sasso, I'm a graphic/web designer from Porto Alegre, Brazil and I'm the founder of Abduzeedo. I hope we can share lots of information, tips, and ideas through abduzeedo.
Biggest selection of herbal trusted remedies store
The Hypercet Cholesterol Formula can help support and maintain your healthy cholesterol levels already within the normal range. This formula is designed to work with and assist your normal body functions to help maintain optimum health. Cholesterol is being talked about a lot these days, and almost all the reports are confusing. They make “cholesterol” sound like a really bad thing to have. They don’t tell you that your own body manufactures cholesterol in the liver.
Colon cleansing treatment product Bowtrol is an all natural herbal colon cleanser medication that has changed hundreds of thousands of people's lives. It's effective whole body safe and effective internal colon cleansing. Colon cleanser Bowtrol is formulated to maximize one's elimination without causing loose stools or uncomfortable cramping via frequent healthy bowel movements while assisting in cleansing the vital organs and lymphatic system.
Herbal-Store.net provides You biggest selection of natural herbal products for skin care, male enhancement, stress management, anxiety treatment, weight loss, colon cleasing, quit smoking, pain, menopause relief, hair loss, hemorrhoids, wrinkle treatment, stretch mark removal, sleeping aid, bladder control, human growth hormones, human pheromones, lubricants, celllulite treatment and more. All major credit cards accepted and worldwide delivery!
All natural herbal supplement formulated to naturally increase the size, shape and firmness of women's breasts. It is specially manufactured with over thirteen unique herbs to assist in the development and natural growth of a woman's breasts. Breast Gain Plus offers a non-surgical solution to attaining fuller, bigger, firmer breasts with the help of a balanced combination of safe, all-natural ingredients.
Order discounted pharmacies online for skin care, allergy, erectile dysfunction, depression treatment, pain relief, weight management and other diseases from foreign: cheaper prices and no prescription.
WOW! Thanks ZEE ... This is the kind of page I have been looking for for a very long time. I checked out the links too anyway.Really a mouthful
These layouts are extremely fluid!
vinyl siding
Post new comment