★ Adobe Fireworks CS6: Mobile Theme Design at its Finest

Posted on June 08, 2012

Fireworks CS6

Web Design Studio

Fireworks CS6 Cropped Logo

Fireworks CS6 is an instant winner for me. The integration of jQuery Mobile theme skinning makes it a web designing powerhouse. There are some other really cool additions include the ease of building CSS sprites and CSS code extraction. For this article, however, I would like to focus on Fireworks’ main new feature: the addition of jQuery Mobile Skinning.

The jQuery Mobile theme-skinning feature lets you create or modify the default jQuery Mobile theme in Fireworks CS6. It also allows you to generate the associated CSS style sheet and sprite assets. Areas for theming include:

  • Rounded corners, boxes, text shadows, and gradients
  • CSS3 backgrounds and gradients
  • Great set of starter icons

Starting a jQuery Mobile Skin in Fireworks

I know I said this already, but the built in jQuery mobile theme support is unbelievably cool. I’ve never really had the opportunity to dig into the advantages of Fireworks for web development, but this may have finally convinced to switch from photoshop.

Fireworks CS6 jquery mobile assets


Help built right into the theme layers

The mobile theme in fireworks comes layered with helpful pages and templates
Fireworks cs6 mobile theme2


Previewing your work

When you’re ready to see you’re work, you can preview the mobile theme right from within Fireworks.
This seriously rocks.

Fireworks cs6 mobile theme3

Fireworks cs6 mobile theme4


Final Thoughts

If you’ve been reading this review, you should already know where I stand on Fireworks CS6. Adobe has really put Fireworks into overdrive and made it the focus of designing websites, putting Photoshop back in its rightful place of heavy duty photo editing. As a developer, this tool is a must have for me. I can’t recommend it enough. If you’re still sure, give it a free spin with the 30 day trial.

Overall Rating: 10/10

Price: $149 | Trial? Yes | Homepage

  • Loic

    I have issue with the gradient, they are wrong on some browser, (firefox for example) they are rotate of 90 degree

Contact Us

Have a question? Send us a message. We'll get back to you soon.

captcha

1 Shares
Share
Share1
Tweet
+1
Pin
Stumble