Extensions, resources & tutorials for Fireworks, Dreamweaver & HTML5 / CSS3 by UI developer, Matt Stow.
Posted: February 24 2013
Today's update Easy CSS3 improves working with gradients, triangles and converting pixel-based media queries.
v2.3.0 has the following changes:
Posted: October 17 2012
If you're not familiar with it, Easy CSS3 allows you to quickly insert CSS3 border-radius, gradients and triangles in your documents, as well as convert px to rem.
This latest update has the following changes:
Posted: June 11 2012
If you're not familiar with it, Easy CSS3 allows you to quickly insert CSS3 border-radius, gradients and triangles in your documents, as well as convert px to rem.
This latest update has the following changes:
Posted: April 30 2012
These commands allow you to easily convert a CSS rule or selection that contains px to rems.
With the cursor placed anywhere in a line, run the command and if it contains at least one px value in the declaration, the line will be converted.
Alternatively, make a selection, and any px values will be converted.
Duplicate and Convert is identical to Convert px to rem, but the line will be duplicated and then converted so a px fallback for old IE exists. No more time wasted writing two rules every time you want to use rems!
Posted: April 03 2012
Adds three commands to Dreamweaver that allow you to quickly insert complete CSS3 Border Radius, Background Gradient and CSS Triangles, with all of the various browser vendor specific variants for cross-browser compatibility.
Posted: September 11 2011
Here are a series of Dreamweaver CSS Code Hint Extensions to make your lives a little easier:
Posted: October 11 2009
After the relative (geddit?) success of my Relative Font Size Reference Chart, and after using it religiously for almost a year, I thought it was about time to produce a version for Dreamweaver, whereby you can insert the values directly in to your CSS document.
The package comes with two commands, Relative Size - Percent and Relative Size ems.
You can use them to calculate anything from font sizes, margin, padding, line-height, widths, heights, positions, and all in relative values so that they can resize appropriately based on the text size.
I haven't created an installer, so just unzip them to %appdata%/Adobe/Dreamweaver/Configruration/Commands on Windows, not sure about Mac. If the Commands folder doesn't exist, just create it.
I also don't know how to create shortcuts to these commands in DW - for some reason it's not simple like it is in Fireworks - but if, like me you have no other commands installed, a quick Alt+C-Up-Enter will activate the ems command.
Posted: November 29 2008
For those who of you who aren't aware, any bugs you encounter in Adobe software can be reported through their Feature Request/Bug Report Form.
So if you find a bug, don't just keep it to yourself. Remember, the more people that log the same bug, the more likely it is to get fixed in the next release - or with a patch if we're really lucky.
Posted: April 14 2008
With the release of the Spry framework and its integration into Adobe Dreamweaver CS3, it's now very easy to rapidly develop Ajax-powered web pages.
In this article I'll demonstrate how to insert a Spry menu bar into an existing HTML document, design and export a new skin in Adobe Fireworks CS3, and implement this skin into the Spry menu bar using CSS.
After completing this sample project you will have learned a variety of skills for both Fireworks and Dreamweaver, how to write CSS, and best practice techniques to create an accessible menu system that also supports text resizing in the browser.
To read this article in full, please visit the Adobe Dreamweaver Developer Center.
Copyright © 2013 Matt Stow. Firewoiks is powered by NomusNavigator.