Today at the MAX conference we announced the latest generation of our creative tools now known as CC including Photoshop CC, Dreamweaver CC, Flash Professional CC, Edge Animate CC, and many others. As you may have noticed this announcement did not include updates to Fireworks CS6.

Over the last couple of years, there has been an increasing amount of overlap in the functionality between Fireworks and both existing and new programs like Photoshop, Illustrator, and Edge Reflow. At the same time we have shifted to focus our engineering teams on building smaller, more modular, tools and services for specific tasks in web design. Due to this overlap and as well as our change in our product development focus, we have decided not to update Fireworks to CC and instead will focus on developing new tools to meet our customers needs.

While we are not planning further feature development for Fireworks, we will continue to sell Fireworks CS6 as well as make it available as part of the Creative Cloud. We will provide security updates as necessary and may provide bug fixes. We plan to update Fireworks to support the next major releases of both Mac OS X and Windows. As more specific details on the next version of Windows and Mac OS X are made available, we may adjust these plans.

We understand that Fireworks has one of the most passionate communities on the web, and that this change will be difficult to accept. Our goal in refocusing our development efforts is to build a new-generation of task focused tools that enable our customers to create great web content.

My major question to Adobe is, will you make this an Open Source software, so that we the community can continue to create updates?

Just because Adobe quit, doesn’t mean we wont be around.

We will continue to provide tutorials and tweeting about cool things you can do with Fireworks. In fact, we might even expand our horizons with more Codes and teach you how to go beyond the mock-up.

Are you willing to call quits on Fireworks just because Adobe has? Share your feedback below.

Update May 6, 2013

There is a petition to make Adobe Fireworks open source. You can sign the petition by clicking the button below.

Sign the Petition

Simply.Me is a single-page style personal template designed to provide the user with a simple, elegant and up-to modern standard personal website. Built on Twitter Bootstrap, Simply.Me comes with all the framework’s features customized for this specific template.

Key Features

Simply.Me is designed to provide you with a personal porfolio website. Here is a list of all the key features:

• Bootstrap
• Responsive layout
• Resume Template (http://demo.fwpolice.com/simplyme/resume.html)
• Easy to customize
• WordPress Ready
• Large collection of background patterns
• Flex Slider
• Customized Bootstrap Carousel slider
• Adaptive Thumbnail portfolio
• Font-Awesome Icons Collection
• Animate.css Animations
• Social Sprites Icons

File Support

If you require any support, please post in the comment section or look in the “Thank You.pdf” file included in the archive.

Demo Images

This template uses the beautiful FontAwesome font and Animate.CSS. The font comes with its own terms that states:

“The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0. A mention of Font Awesome – http://fortawesome.github.com/Font-Awesome in human-readable source code is considered acceptable attribution (most common on the web). If human readable source code is not available to the end user, a mention in an ‘About’ or ‘Credits’ screen is considered acceptable (most common in desktop or mobile software).”

File Update

Version 1.0 – 04/13/2013
• Initial release

. : : Key Features : : .

• Coded in CSS3 & HTML only
• Contains no images
• Responsive design
• Easy to customize
• CSS transitions
• Extended license available!

Introduction

OrangeCity is a theme-for-sale style template designed to provide the user with easy to read and beautiful presentation options. Built on Twitter Bootstrap, OrangeCity comes with all the framework’s features customized for this specific template. Please read the Bootstrap documentation to find out how to use majority of the themes features. You can find a link to the Bootstrap documentation at the end of this document.

If you love websites such as ElegantThemes, ThemeFuse, and other sites alike, you will love OrangeCity.

Key Features

OrangeCity is designed to provide you with a template-for-sale style website. You have a full gallery with a coded members panel. This template will help you highlight your products at the same time give you a branding. Furthermore, you have a large selection of background patterns that can be applied as the overall page background or the background of the intro image found on all inner pages. Here is a list of all the key features:

• Bootstrap
• Responsive layout
• Easy to customize
• WordPress Ready
• Large collection of background patterns
• Flex Slider
• Customized Bootstrap Carousel slider
• Adaptive Thumbnail portfolio
• Font-Awesome icons collection
• Social Sprites Icons
• Preview template page

File Support

If you require any support, please post in the comment section or look in the “OrangeCity Documentation.pdf” file included in the archive.

Demo Images

When viewing the theme demo you will see several photographic images used. These photos serve as example images only and are not included with your purchase. The photos used in the demos are purely for demonstration purposes, and are used to give you a functional preview of what the theme will look like once content has been added. You are responsible for adding your own thumbnail images. The photos used in our demos are licensed from multiple sources and are copyrighted by those respective parties. These photos should not be saved, copied or redistributed in any way.

Credits

This template uses the beautiful FontAwesome font. The font comes with its own terms that states:

“The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0. A mention of Font Awesome – http://fortawesome.github.com/Font-Awesome in human-readable source code is considered acceptable attribution (most common on the web). If human readable source code is not available to the end user, a mention in an ‘About’ or ‘Credits’ screen is considered acceptable (most common in desktop or mobile software).”

File Update

Version 1.0 – 02/18/2013
• Initial release

Time lapse – Creation of a vector illustration with Adobe Fireworks. It took about 4 hours to complete it and it’s reduced to 10 minutes. Be sure to play it in HD. Working illustrations in Fireworks is mainly about the pen tool and the properties panel. The layers panel is mainly used to keep a hierarchy, which makes the drawing process really easy through the Properties panel. This, combined with its boolean operations (punch, join, etc), its superfriendly gradient tool with immediate feedback and the possibility to add some useful extensions, make it a bomb for vector graphics for the screen.

With Valentine’s Day just around the corner, we’re excited to make a huge announcement: we are officially teaming up with one of our favorite extension team, Specctr, for our first ever design contest.

To Valentine’s Day is the day of romance and love. Celebrated on the 14th of February, spouse’s, partners or lovers present each other with cards, letters, flowers or presents to show their love. They may also arrange a romantic meal in a restaurant or night in a hotel. Common symbols of Valentine’s Day are hearts, red roses and Cupid.

Then there are those who remember Valentine’s Day for it’s historical event; the St. Valentine’s Day Massacre. The Saint Valentine’s Day Massacre is the name given to the 1929 murder of seven mob associates as part of a prohibition era conflict between two powerful criminal gangs in Chicago: the South Side Italian gang led by Al Capone and the North Side Irish gang led by Bugs Moran. Former members of the Egan’s Rats gang were also suspected of having played a significant role in the incident, assisting Capone.

For this Valentine’s day, whether you celebrate the day of romance or the day of massacre, we want you to create the next great themed icon. Since this is our first contest, we are not going to be too strict in terms of the rules. Create an icon that you think suits your definition of Valentine’s Day that highlights your experience with the romance or fear you feel with Adobe Fireworks. All entries must say “With Love, Fireworks” to be considered a valid entry. This text does not have to be part of the icon itself, but should be in the .fw.png entry.

The Rules:

1. You can enter as many times as you like
2. You must submit .fw.png source file (please include it inside a .zip or .rar archive)
3. Must highlight your experience with Fireworks (do not have to use the Fireworks icon)
4. Must mention “With love, Fireworks”
5. Entry must be an icon design and must have the Valentine’s Day theme
6. Must be your own work! Cannot use any pre-made content.

The Prizes

First Place:

• One Specctr License
• Copy of Catharsis Responsive HTML Template
• Entry featured on FWPolice
• Contest WINNER badge

Second Place:

• Copy of Catharsis Responsive HTML Template
• Entry shared as a free-resource on FWPolice
• Contest RUNNER-UP badge

Judges:

• Specctr – Development team for Specctr
• Jim Babbage – Author of Adobe Fireworks CS6 Classroom in a Book
• Tom Green – Author, Tutorialist, Raconteur and a wonderful grandfather.

 
Submit your entries by leaving a comment on this post. The contest will be over on February 10th, 2013 at 11:59 pm EST. All submissions must be entered before then.

The contest is over and the winners have been announced. The two top entries are by Gejoreni and Mikko. Congrats to the winners and enjoy the free Specctr license!

Cover Photo: Kiss Me from FanPop

Inline CSS

In CSS it is possible to place styling in your HTML code. Inline CSS has the highest priority out of the three methods. However, as Tizagon.com explains it, inline CSS detracts from the true purpose of CSS.

Believe it or not, CSS is built into every HTML tag. If you want to add a style inside an HTML element all you have to do is specify the desired CSS properties with the style HTML attribute. Let’s see this in action with defining a paragraph tag:

<p style=”background-color: #000000; color: white;”>
This is inline CSS with a brown background and white font color.
</p>

The output of this is:

This is inline CSS with a black background and white font color.

Common Mistakes

When using inline CSS you must make sure that you do not use quotations with your CSS. If you use quotations, the browser will interpret this as the end of your style value. The simple solution to that problem is not to use quotations at all. An example of this is:

<p style=”background: url("brown.png");”>This will not work.</p>

<p style="background: url(brown.png);">This works!</p>

Internal CSS

Internal style sheets are styles that are placed in the <head> section of the HTML document. These styles will only affect the document they are in and cannot be referenced by any other web documents. The main advantage of inter CSS is that it only affects the page they are on. If you are working on a large site and need to test styles before you load them on the site as a whole, inter CSS can be a great tool. It allows you to test the styles in the context of the entire site without breaking any page buy the one you are testing. Unlike inline CSS, internal CSS can use classes and IDs. Furthermore, Internal CSS does not require you to upload multiple files and have a higher precedence than external style sheets.

Internal CSS is placed inside the <head> element as follows:

<style type="text/css" media="all">
<!--
selector { property: value; }
-->
</style>

Just like anything is the world, there are disadvantages of using internal CSS. Although it is one of the advantages, inline CSS affecting only the page they are on can also be a disadvantage. If you want to use the same styles in several documents, you need to repeat them for every page. Another disadvantage is also a big one. Internal CSS increases page load times. Every page that has an internal CSS you must load and parse the style sheet information every time the page is loaded.

External CSS

One of the best things about CSS is that you can use them to keep your site consistent. The easiest way to do this is to link or import an external CSS. With external CSS you can control the presentation semantics of several documents at once. Since all pages share the same CSS files, unlike internal CSS, external CSS are cached by browsers which improves the load times for every page after it is first loaded. You can also create classes and ids of styles that can be used on many different HTML elements. Furthermore, you can easily group your styles to be more efficient. All the grouping methods that are available to CSS can be used in external CSS which helps provide you with more control and flexibility on your pages. There are two methods of loading an external CSS: linking and importing.

Linking

In order to link a stylesheet, you use the HTML tag. This has the attributes rel, type, and href. The rel attribute tells what you are linking (in this case a stylesheet), the type defines the MIME-Type for the browser, and the href is the path to the .css file. For example:

 <link rel=“stylesheet” type=“text/css” href=“stylesheet.css” /> 

Importing

You would use an imported style sheet within a document level style sheet, so that you can import the attributes of an external style sheet while not losing any document specific ones. You call it in a similar way to calling a linked style sheet, only it must be called within a document level style declaration. For example:

<style>
@import URL (http://www.yoursite.com/styles.css);
... continue styles
</style>

KEY FEATURES

Catharsis comes pre-made with a number of display options and wonderful features. You have the choice of five display colors and the ability to select fixed or fluid layout. Furthermore, you have a large selection of background patterns that can be applied as the overall page background or the background of the intro image found on all inner pages. Here is a list of all the key features:

• Bootstrap 2.2.1
• Fixed or Fluid layout option
• Selection of colors
• Large collection of background patterns
• Dropdown Menu
• Slit Slider
• Customized Bootstrap Carousel slider
• Adaptive Thumbnail portfolio
• Quicksand Filterable portfolio
• Font-Awesome icons collection
• Social Sprites Icons included!

FILE SUPPORT

If you require any support, please post in the comment section or look in the “Catharsis Documentation.pdf” file included in the archive.

DEMO IMAGES

When viewing the theme demo you will see several photographic images used. These photos serve as example images only and are not included with your purchase. The photos used in the demos are purely for demonstration purposes, and are used to give you a functional preview of what the theme will look like once content has been added. You are responsible for adding your own thumbnail images. The photos used in our demos are licensed from multiple sources and are copyrighted by those respective parties. These photos should not be saved, copied or redistributed in any way.

CREDITS

This template uses the beautiful FontAwesome font. The font comes with its own terms that states: