Posts in Category "New Feature"

February 2, 2012

Using the generated CSS and Sprites in a jQuery HTML page

In earlier posts, we learnt how to export all swatches and sprites, and export individual swatches/sprites. In this post, we’ll link an entire jQuery CSS along with sprites and link individual swatches to a mobile website.

Continue reading…

Share on Facebook
1:23 AM Permalink
January 24, 2012

Generating jQuery CSS and Sprites

In this post let’s generate the jQuery CSS and sprites from the skinned jQuery templates. There are two options available to export the required assets.

  • Export both CSS and sprites at one go.
  • Export Sprites or individual swatch CSS.

Continue reading…

Share on Facebook
12:49 AM Permalink
January 20, 2012

Preview the modified jQuery mobile template

Preview your design in a browser before finalizing a design. Individual themes can be previewed in the jQuery mobile theme preview panel. All the swatches created in the template can be previewed at one go using the option to preview in a browser.

Continue reading…

Share on Facebook
2:14 AM Permalink
January 11, 2012

Creating a jQuery theme template

The jQuery Mobile theme Skinning feature in Fireworks includes a template with default sprite images and a set of swatches. This extension lets you modify default sprites and swatches in the template. You can create additional swatches by duplicating an existing page and customizing it. The swatch name is inherited from the page name in the exported CSS.

Continue reading…

Share on Facebook
12:08 AM Permalink
January 3, 2012

jQuery Mobile Theme Skinning

This blog is the first in series of five blogs dedicated to “jQuery Mobile Theme Skinning”, a new feature in Fireworks CS5 that is part of the CSS3 Mobile Pack extension.

  1. Introduction to jQuery Mobile Theme Skinning extension and jQuery Mobile framework
  2. Creating a new jQuery template
  3. Previewing the jQuery Mobile design
  4. Exporting the design to CSS
  5. Creating a jQuery Mobile webpage in Dreamweaver and using the exported CSS file in the new web page

jQuery Mobile Theme Skinning

The jQuery mobile theme skinning is part of the CSS3 Mobile Pack extension for Fireworks. This extension enables you to create or update the theme of a jQuery Mobile website using Fireworks.

In Fireworks, a template with all the modifiable design aspects for jQuery Mobile is provided. After modifying the themes present in the template, you can preview the look and feel of the themes using an in-app preview or a browser, and export the corresponding CSS code along with the sprite assets.

Continue reading…

Share on Facebook
1:18 AM Permalink
April 16, 2011

Color Optimization improvement in CS5.1

Exporting as GIF, PNG8 was a weak point of Fireworks for long time.

Especially for mobile application, mobile web site, the size of bitmap is big matter since downloading speed is critical. Our engineering team devote so much time to make improvement for color optimization algorithm.

Here is the result comparison among exporting PNG8 from CS5.1 and CS5.0  Amazing!


Share on Facebook
1:07 AM Permalink
July 30, 2008

Fireworks パブリックベータについて

=== This blog entry is written in Japanese ===
次期バージョンのFireworksでは、Fireworks CS3の新機能からの強化点がございます。
グラフィックシンボルが強化されて、カスタマイズ可能なシンボルのプロパティを JavaScript を使用して作成できるようになりました。
CS3には、新機能を活用できるグラフィックシンボルのライブラリがあらかじめ含まれています。これらのグラフィックシンボルは、個々の Web サイトやユーザインターフェイスの外観に合わせてカスタマイズできます。
9 スライスの拡大・縮小機能により、ベクターシンボルやビットマップシンボルを幾何学的に拡大・縮小することができます。シンボルの形状に基づいて、3 つまたは 9 つの領域を使用してシンボルを拡大・縮小できます。
次期バージョンのFireworksでは、9Slice Scaling Toolがツールパネルに付きました。オブジェクトをシンボルに変換しなくても9Slice Scalingが使えます。これは、ベクトルのオブジェクトにも、ビットマップのオブジェクトにも使えます。
森房 卓史
=== This blog entry is written in Japanese ===

Share on Facebook
3:49 PM Permalink