Dreamweaver CS6 update 12.0.1

Just two months after the release of Dreamweaver CS6, we’re excited to announce the immediate availability of an update to Dreamweaver that provides both product enhancements and fixes to known issues. Adobe Dreamweaver CS6 customers will receive a notification about the update in the Adobe Application Manager. Please read below for further information about changes and enhancements included in this update.

Enhanced workflow with Adobe Proto Adobe Proto lets you create interactive wireframes and prototypes of websites and mobile apps on your tablet. Now, with the update to Dreamweaver CS6, you can open your Adobe Proto projects directly within Dreamweaver, enabling you to continue working on the project, so as to move your prototype into production. You can read more about Adobe Proto here.  

Fixes to issues identified by customers After the release of Dreamweaver CS6, we listened carefully to feedback from customers, so as to identify any high priority issues/bugs. One area where we received feedback was related to FTP connection/file transfer related issues. Dreamweaver CS6 made significant changes to the FTP functionality, with improved performance and workflow enhancements making the user experience better for the majority of customers. We did however work privately with a few customers who reported some problems and we have successfully resolved all known issues. Thank you all for helping us identify the issues in various real world scenarios with different configurations.

We have also made some workflow changes/bug fixes in the Find and Replace functionality.

  • On Mac, the tabbing order for different fields like Find and Replace were not in a logical order. We have streamlined the user experience so that the tabbing behaves as expected.
  • When a Replace All operation was executed for a search term, only the first instance was getting replaced. This was non-functional in Dreamweaver CS6 and we have fixed it in this update.

Finally, we have improved the experience of working with Business Catalyst sites. File transfer operations have been made asynchronous, allowing you to continue using Dreamweaver for other file editing while changes are being made to the Business Catalyst servers. There were also some instances when the “Manage Sites” dialog remained visible, which locked the application until the File transfer operation was completed – this has now been rectified.

The updates can be manually downloaded from here.

NOTE: This update is available to all Dreamweaver CS6 customers without any restriction to Creative Cloud subscribers only.

Dreamweaver CS5.5 11.5.3 update (Mac only)

Following the release of the 11.5.2 update for Dreamweaver CS5.5 (posted on 12 June 2012) we discovered an issue that, in certain circumstances, would lead to Dreamweaver crashing on Mac (note: Windows was not affected). As soon as we became aware of the problem we withdrew the 11.5.2 update for Mac and started working on a revised version of the updater.

We are pleased to announce that we have resolved the issue and have now made this available for download for Mac users – note that the new version number is 11.5.3.

Please accept our apologies for the delayed release of the update for Mac and for any inconvenience caused to customers who were impacted by this issue. We are confident that the 11.5.3 update is ready for use – you can install the update automatically using the Adobe Application Manager or you can download it directly from the Dreamweaver support page.

Dw CS6: Attributes deprecated from “img” tag

Dreamweaver CS6 made a change in code generation of attributes for tags in favor of using CSS. Once such example is the “img” tag from which the following attributes were removed.

  • border
  • vspace
  • hspace
  • align

The below screenshot will give you an idea of the changes made from Dreamweaver CS5.5 to CS6.0

Img tag attributes deprecated

Img tag attributes deprecated

These attributes have been deprecated in HTML 4.0 as mentioned  by W3C here and have been marked as  Obsolete here 

A quick look at the img tag at W3Schools will give an idea of the deprecated attributes for img tag.

“CSXS Infrastructure CS6″ update for Dreamweaver CS6

If you have not already checked up your Adobe Updater blinking in System Tray(Win) or Dock (Mac) for any Dreamweaver updates, do so right away. If you work with Business Catalyst sites, do it instantly!

Adobe Dreamweaver CS6 installed on your machine will receive this new update and address the performance issues reported by users of BC. When you click on the “Get Started” button in Business Catalyst panel within Dreamweaver, you might be seeing a progress bar for a very long time.

While the progress bar shows up, it may not let you work with the complete application. This has been fixed with the progress bar going away much much faster than earlier.

Dreamweaver 11.5.2 Updater released

An update for Dreamweaver CS 5.5 was rolled out on 12 June, 2012 . This update primarily fixes/updates the Phonegap build feature. The key points for this particular update are:

  • Fix Android Easy Install feature . Now users will be able to download and install the latest android SDK ( android-sdk-r18 ) for mac and windows by using the Easy install feature. They can download various platform related files for different API levels using the Android SDK Manager which is launched while creating the AVD in the Application settings dialog. This would also enable the users to build/emulate on different android versions.
  • Updated the phonegap version to phonegap-1.7. Now users would be able to make use of the latest phonegap APIs for iOS4 , iOS5 and Android platform ( Please note that phonegap-1.7 update would expect the users to be on Mac OSX 10.7 and xcode 4.2.1 )

Users can download this update from here

UPDATE:

The team strongly recommends to NOT download this patch for Mac for now. There are no issues with Windows version of this same patch

CSS Transitions in Dreamweaver CS6

 

This article showcases various ways in which you can use CSS transitions in your Dreamweaver CS6 project.It also describes the options in the user interface that allow you to configure the options for these transitions.

What is CSS Transition?

CSS Transitions allows property changes in CSS values to occur smoothly over a specified duration.Normally when the value of a CSS property changes, the rendered result is instantly updated. The affected elements immediately transition from the old property value to the new property value.

For a smooth transition between property changes, you can use the following CSS transition properties:

The ‘transition-property’ Property
The ‘transition-duration’ Property
The ‘transition-timing-function’ Property
The ‘transition-delay’ Property
The ‘transition’ Shorthand Property

We will discuss each of these in our examples later.

For more information please refer to CSS Transition page at http://www.w3.org/TR/css3-transitions/

Browser Support

* From http://caniuse.com/

 

As you can see CSS transitions have reasonable support in all Browsers except IE.

Using CSS transitions in Dreamweaver CS6?

Example 1 – Menus – Download Demo File

Open the downloaded file in Dreamweaver CS6. This is a simple menu using lists.

On mouse over of the menu, I would like to do the following:

·         Smoothly transition the background color of each menu option to a specified color
·         Smoothly increase the size of the option to 1.5 times its current size so that it appears bigger than the other options

Adding CSS transition in Dreamweaver

Step 1 – Open CSS Transitions panel using Window>CSS Transitions

Step 2 - Click on the + to Create Transition.

 

Step 3 – Select target rule. In this file, I am specifying a transition rule for the hyperlink property. So, I select <a> from the menu.

Step 4 – Because I want the same transition to be applied to all the hyperlinks,  I select Use The Same Transition For All Properties. I will further specify a 2 second duration for the transition. You can also specify a delay which specifies the time required to start the transition from the time of the mouse-over. In this case, I want the transition to to start immediately, so I will leave it blank. For timing, you can choose from the preset values or specify your own cubic-bezier function by providing the required values.

Example – The ease-in function is equivalent to cubic-bezier(0.42, 0, 1.0, 1.0).

Step 5 - Now we need the select the properties and change the CSS Values.In this example we will select background-color and transform.

Click + below the Property field, and select background-color from the menu.

Similarly, to specify the Scale options, click +, and select Transform. We will use CSS3 Transform to scale to 1.5.

Click on Create and we are done. Notice that Dreamweaver adds all the vendor specific code for transition as well as Transform.

 

Dreamweaver allows you to edit the transition anytime. Double-click a transition you want to edit. For example, to specify Rotate instead of Scale for the Transform property, double-click Transform in the Property field.

To Learn More on CSS3 Transitions please refer to the links below :

 

FTP enhancements in Dreamweaver CS6

This blog article discusses the improvements to FTP file transfer in Dreamweaver CS6.

Dreamweaver uses multi-channel transfer to simultaneously transfer selected files using multiple channels. Dreamweaver also allows you to simultaneously use the Get and Put operations to transfer files.

If there is sufficient bandwidth available, FTP multi-channel asynchronous transfer considerably speeds up the transfer process.

Multi-channel transfer

You can now select more than one file for FTP transfer.  By default, three files are lined up for Get and Put operations.  The files that are currently being transferred are indicated by a green download arrow icon. The files pending download are indicated by an orange download arrow icon.

Multi-channel transfer in Dreamweaver CS6

Multi-channel transfer in Dreamweaver CS6

When you move your mouse over the file being transferred, the percentage of content transferred is displayed. A red error icon indicates files that were not transferred.

Asynchronous transfer

You can now simultaneously perform the Get and Put operations on different sets of files. For the status of large files being transferred, check their status in the Details section of the Background File Activity dialog box.

FTP log details

FTP log details

Adobe recommends that you do not click the Cancel button in the Finishing Get/Put Operation dialog when the operation is in progress.  During the Finishing operation, information about files transferred is captured in the dwsync.xml file.  Unlike in previous versions of Dreamweaver where the XML file was updated after every file transfer, Dreamweaver now updates the file at the end of the transfer process.

When you perform the Get/Put operation later, Dreamweaver uses the information in the dwsync.xml file to transfer only those files that are new/changed. It ignores files with no updates. This considerably speeds up the transfer process.

Note: The progress bar now indicates the number of files being transferred and not the size of the files as in previous versions of Dreamweaver. For information on the extent of the file transferred, move your mouse over the file being transferred. The information is displayed in the tooltip.

Background File Activity dialog displaying the transfer status

Background File Activity dialog displaying the transfer status

You can now perform the following operations when the asynchronous transfer is in progress:

  • Refresh the remote file list
  • Extend/collapse remote file directories
  • Open or download a file
  • Preview the file in a browser. When the transfer is in progress, Dreamweaver uses the local copy of the file for preview in a browser.

These operations have a higher priority than the transfer process. The higher priority allows you to quickly perform these operations when the transfer is in progress without having to wait for the transfer process to complete.

Separate icons for remote server and testing server

In the collapsed mode of the Files panel, it is difficult to identify whether Dreamweaver is connected to the remote or testing server. Separate icons for remote and testing servers now help identify the type of connection.  The icon for connection to the testing server is  and that for remote server is  .

Note: The above enhancements to FTP transfer work only for FTP and FTPS (Implicit and Explicit).

 

Files Panel and icons

There were few customer reports (http://forums.adobe.com/message/4392653) of icons going missing in files panel after the release of OSX Lion version 10.7.3. It was something which we investigated and worked with Apple to identify the issue and resolve it.

The update of 10.7.4 went live a few weeks ago and it was expected to fix the issue. The engineers have verified it internally and confirmed the fix. In the community also, there are no longer reports of the issue being raised anymore.

It is a good indication that Mac platform users, update to the latest available from Apple. So if you are running into such an issue, you should go ahead and launch Software Update installing the latest ones available in the list.

Adobe announces CS6/Creative Cloud

Today Adobe announced one of its most ambitious releases yet—Adobe® Creative Suite® 6 and the Adobe Creative Cloud™. For Dreamweaver users, this means yet another powerful version of Dreamweaver that will be available as a standalone product, as part of the familiar Web Creative Suite, or as part of the new Adobe subscription service offered by the Creative Cloud.

Adobe Dreamweaver® CS6 addresses the challenge of responsive Web designs with the ability to build fluid grid layouts replacing the tedious manual process of creating and configuring separate CSS-based interfaces for phone, tablet and desktop.

Through direct integration with Adobe’s recently announced PhoneGap Build service, Dreamweaver CS6 also helps round out Web professionals’ skill sets and enables them to produce native mobile applications for multiple platforms.

For a full list of new features in Dreamweaver CS6, along with links to instructional content and videos, see What’s New in Dreamweaver CS6.

PhoneGap Build extension for Dreamweaver CS5.5

Adobe regrets to inform the Dreamweaver Community that the PhoneGap Build extension for Dreamweaver CS5.5 (released last week) is no longer available for download. For a number of reasons, we have had to pull the extension from public availability.

The functionality of the extension, which integrates PhoneGap Build with Dreamweaver, will be available in the upcoming version of Dreamweaver CS6.

Adobe would like to extend apologies for any inconvenience this might have caused.