CSS & HTML

Facebook Twitter

S Web O'(pen) Wonder. HTML 5 Tutorials. Swfobject - SWFObject is an easy-to-use and standards-friendly method to embed Flash content, which utilizes one small JavaScript file. Getting started Welcome!

swfobject - SWFObject is an easy-to-use and standards-friendly method to embed Flash content, which utilizes one small JavaScript file

You'll probably want to start with: Please DO NOT link directly to the JavaScript files in our SVN repository. Either download swfobject_2_x.zip from the Downloads section and place a copy of the SWFObject 2 script on your own web server or link to a hosted version of the script provided by the Google AJAX Libraries API. News SWFObject 2.2 is available for download! Questions, bugs. Best practices for using Adobe Illustrator with Flash Catalyst CS5.5.

In Illustrator you are free to design in any arbitrary way, using vectors, effects, type, images, and all the rich features that are available.

Best practices for using Adobe Illustrator with Flash Catalyst CS5.5

Flash Catalyst will import any comp you make, up to 40 MB, with an object count limit of 6,500 paths. However, once your Illustrator file is imported into Flash Catalyst, the goal is to make an interactive project that will ultimately be published to Flash Player or Adobe AIR. You can take steps in Illustrator to put the project on a path to delivering an application that loads quickly and performs well. It is much better to start thinking about performance early than to defer all efforts at optimizing for performance until later in the workflow. Optimize images and other raster content. Flash and ActionScript Tutorials. Flash Catalyst Tutorial 101 – Creating an interactive video gallery (quickly!) without writing any code. Digg Sharebar exclusively for WebDesignDev.com. Tara and Bear are both members of the Flash Catalyst development team at Adobe, and, along with Matthew Cannizzoro, author the FlashCats blog (flashcats.net) First things first: we think it’s easiest to learn by example.

So to introduce you to using Adobe® Flash® Catalyst™CS5, the newest member of the Adobe Creative Suite® family, we’ll quickly, (and we mean very quickly), show you how to create an interactive video gallery without writing any code. Adapt.js - Adaptive CSS. Build a Fluid Website Layout with Flash. Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Activetuts+.

Build a Fluid Website Layout with Flash

This tutorial was first published in July, 2009. A fluid web layout uses 100% width (and height) of the browser, floating all the contained elements into certain positions. This is opposed to fix-width layout where contents remain fixed no matter what the browser size is. This technique is popular in HTML/CSS websites, but this tut will show you how to create a similar fluid layout effect in Flash. Every element will reposition itself with ease animation when the browser resizes. Introduction During the following steps we'll create ActionScript 3 classes which make our flash website fluid. The ActionScript classes created in this tutorial can be easily reused in different projects.

The Square Grid - A simple CSS framework for designers and developers. The 1140px Grid · Fluid down to mobile. 11:57AM — Tuesday, April 9, 2013.

The 1140px Grid · Fluid down to mobile

It’s been about two and a half years since I released the 1140px CSS Grid. Initial response was exciting; lots of people used it. However, a lot has happened in that time. When it was released, the concept of Responsive Web Design was in its infancy (I’d never heard of it). Over time, I—and the rest of the web community—have learnt how to do Responsive Web Design properly. I’m not comfortable with people continuing to use the framework. So it is now retired. Formalize CSS - Teach your forms some manners!

Creating Intrinsic Ratios for Video. Did you ever want to resize a video on the fly, scaling it as you would an image?

Creating Intrinsic Ratios for Video

Using intrinsic ratios for video, you can. This technique allows browsers to determine video dimensions based on the width of their containing block. Article Continues Below With intrinsic dimensions, a new width triggers a new height calculation, allowing videos to resize and giving them the ability to scale the same way images do. See example one. The concept#section1. Snowcat ALL FILES Package - Flash Components. X-Treme RSS / XML News Ticker - Flash Components. RSS News Ticker / XML News Ticker / AutoScroll News Ticker * Fully customizable XML driven content * Unlimited number of news items support * Both horizontal / vertical orientation support * Adjustable text scrolling direction and speed * External RSS feed support or easy add your own custom titles and links * Set URL links when pressing on individual custom news items * Easy change the ticker’s width, height, position, speed, and items spacing * Easy format the font and colors, it includes CSS and embeddable fonts support * Customizable rollover/rollout text color effects * Optionally set the XML settings file path in HTML using FlashVars.

X-Treme RSS / XML News Ticker - Flash Components

X-Treme Banner Rotator XML AS3 - Flash Components. This product is included in ALL FILES PACKAGE: XML Image Banner Rotator / XML Banner Photo Gallery / XML Banner SlideShow Opens with Flash CS3, Flash CS4, Flash CS5 or higher ( ActionScript 3.0 / AS3 ).

X-Treme Banner Rotator XML AS3 - Flash Components

Readme file and comments inside the xml file included in the package. NOTE: If you need to integrate the banner rotator with WordPress download the plugin and follow the instructions to install it. Check out the new Special Transition Templates: Clean 2 Level Menu with Deeplinking AS3 01 - Flash Components. Clean 2 Level Menu with Deeplinking An important component for your website.

Clean 2 Level Menu with Deeplinking AS3 01 - Flash Components

Control the contents of your website or even send gotoAndPlay or gotoAndStop commands to the main timeline. Load swfs as your modules or redirect the users to another location. Resizeable and very easy to use! IMPORTANT NOTES: - close the black bar on top the preview page (if any) to let the menu make use of the deep linking feature- use the support forum for posting questions This is a 2 level menu with deeplinking and autohide. FT ALL FILES PACKAGE - Flash Components. License: By purchasing and downloading this license, you are entitled, as buyer, to use the product in ONE SINGLE NON-COMMERCIAL PROJECT ( website or other ... [+] By purchasing and downloading this license, you are entitled, as buyer, to use the product in ONE SINGLE COMMERCIAL PROJECT (website, CD... [+] By purchasing and downloading this license, you are entitled, as buyer, to use the product in MULTIPLE COMMERCIAL OR NON-COMMERCIAL projects ... [+]

FT ALL FILES PACKAGE - Flash Components

Banner Gallery XML - Flash Components. Flexible Tooltip 01 - Flash Components. A simple yet powerful and flexible tooltip from Flashtory You can easily embed and customize this tooltip into your project.

Flexible Tooltip 01 - Flash Components

You can choose to customize the tooltip when using it or you can go into the code and alter the variables. Everything is well commented and a video tutorial will be delivered with the package. When using the tooltip or when going into the source code you will be able to customize the following: For setting up the tooltip: setCustomVars({ Text:"Tooltip Left Alligned", font:"my_font1", color:"0x404040", size:"11", strokeColor:"0x414141", strokeAlpha:100, strokeWidth:1, backgroundColor:"0xffffff", backgroundAlpha:100, backgroundRadius:4, Two Levels Menu 04 - XML Driven - Flash Components. Image Before and After FX - Flash Components. Explosion Button - Flash Components. Fireworks Button - Flash Components. Spring Giga Pack - Flash Components. License: Personal License By purchasing and downloading this license, you are entitled, as buyer, to use the product in ONE SINGLE NON-COMMERCIAL PROJECT ( website or other multimedia project not generating income ), your personal work or work for a client.

You may not redistribute / resell the functionality provided with the purchased product without the author's and / or FlashComponents.net written permission, but you may modify its content. Refresh OKC.