Relax Breath of Solution. » Tips & Tricks

Jquery Mobile related hot topics

Sameera Thilakasiri — Sun, 21 Aug 2011 10:31:25 +0000

Theming list items, Theming dividers, Theming count bubbles, Theming icons, Theming split buttons

jQuery Tips and Tricks you Must Memorize – part 2

Sameera Thilakasiri — Sun, 17 Jul 2011 06:46:35 +0000

Wrap everything in a single element when doing any kind of DOM insertion

Styling Individual Flex Tabs in a TabBar

Sameera Thilakasiri — Wed, 27 Oct 2010 05:10:10 +0000

There are a few ways to style the tabs in a TabBar that are fairly well hidden. Here are a couple methods that hopefully save some time for those of you out there looking to apply advanced styles tabs in Flex.

Import skins into Flex Builder

Sameera Thilakasiri — Tue, 26 Oct 2010 16:57:06 +0000

1 Start Flex Builder.
2 Select the project that uses your custom skins.
3 Select File > Import > Skin Artwork to open the Import Skin Artwork dialog box.
4 Under Import skins from, select Folder or bitmaps.
5 Browse to the directory that contains your skins as .png files.
6 When you select the assets directory, Flex Builder automatically creates a CSS file with the same name as the
directory that contains the .png files. You can rename this file by entering a different file name in the Create skin style
rules in field.
7 Select Next to open the Import Skin Artwork dialog box.
8 Choose the Flex components that you want to skin.

Creating skins in Adobe Fireworks CS3 for Flex

Sameera Thilakasiri — Tue, 26 Oct 2010 16:55:55 +0000

If you’re using Fireworks to create Flex component skins, you’ll be creating bitmap graphics instead of vector
graphics. When using bitmap graphics for skinning, there are a few issues you should be aware of:

Creating skins in Adobe Photoshop CS3 for Flex

Sameera Thilakasiri — Tue, 26 Oct 2010 16:54:11 +0000

If you’re using Adobe Photoshop to create Flex skins, you create bitmap graphics instead of vector graphics. When
using bitmap graphics for skinning, there are a few issues you should be aware of:

Creating skins in Adobe Illustrator CS3 for Flex

Sameera Thilakasiri — Tue, 26 Oct 2010 16:52:11 +0000

Adobe Illustrator lets you create vector artwork for Flex skins. Some features of Illustrator are not supported when
you export skins to a SWF file. For example, blend modes and effects, including drop shadows, may not display
correctly. If you want to use these or other advanced Illustrator features, first test them with a single skin.

Creating skins in Adobe Flash CS3 for Flex

Sameera Thilakasiri — Tue, 26 Oct 2010 16:49:40 +0000

You can use Flash CS3 to create vector graphics for Flex skins. Before you can create Flex skins in Flash CS3, you
must install the Flex Component Kit for Flash CS3. The Flex Component Kit installs the SWC file that contains the
classes necessary to create assets compatible with Flex.

About skinning for Flexbuilder using Adobe Creative Suite

Sameera Thilakasiri — Tue, 26 Oct 2010 16:45:09 +0000

Skinning is the process of changing the appearance of a component by modifying or replacing its visual elements.
These elements can be made up of bitmap images, SWF files, or class files that contain drawing methods that define
vector images.
Skins can define the entire appearance, or only a part of the appearance, of a component in various states. For
example, a Button control has eight possible states, and eight associated skin properties.

Customizing the Look & Feel of a Flex Application

Sameera Thilakasiri — Wed, 20 Oct 2010 10:19:19 +0000

Applying Styles