Over the past 12 months we have been hard at work on the next version of Dreamweaver and today we’re excited to give you a first look. One particular feature we want to share is the new CSS Designer. The CSS Designer provides a visual interface that lets you quickly and intuitively work with CSS properties such as gradients, box shadows, and more. It also gives you the ability to visually create and apply different media queries for web content to be presented in different screen sizes.
CSS Designer Tools
Check out this video from our product manager Alejandro Gutierrez to see it in action:
As we have added new features, we have also begun reviewing the features that were integrated during the 15 years since Dreamweaver was released. What we found was that some of the features support web technologies that are no longer relevant for most Dreamweaver customers. We have decided to focus on modernizing Dreamweaver and streamlining the user interface by removing these older features. We have removed the Bindings, Server Behaviors, Components, and Databases panel, as well as Spry, Browser Compatibility Check, and a few others. Some of these items will be available as extensions for customers who still rely on these features. As we move forward we will continue to focus Dreamweaver on modern web standards and technologies including HTML5, jQuery, and more.
Make sure you check out Adobe MAX, where you can learn more about what’s coming next for Dreamweaver and for the rest of Adobe’s creative tools.
This will help keep the post current and in sync with the latest announcements at Adobe. If you have visited this post in the week later to March 06, please read the updated blog post from Terry White. Apologize for any confusion.
With Adobe Dreamweaver 12.2 CCM release, Dreamweaver’s Fluid Grid Layouts tool has the following improvements which helps users create responsive web pages more efficiently.
Support for HTML5 Structural elements(Header,Footer,Section,Article etc), H1 to H6 and p tags can also be tweaked visually on the design surface.
Nested elements can be manipulated visually, this was a drawback in the previous versions where nested elements could not be tweaked using the fluid grid layout handles.Users can use the left and right arrow to traverse through the nested and parent elements on the design surface(Live/Design View).
Support for Classes along with ids – In the previous version only id’s could be inserted and used to make tweaks on the design surface , we now have support for classes where similar layout elements could use a class instead of an id. User also has the ability to insert an element without an id or class for example for a header element you might not need specific fluid classes.
Smart HUD options – User can now duplicate elements,delete elements,hide elements,make an element absolutely positioned from within the design surface.
Support for Absolutely positioned elements – Elements can be converted to Absolute Position and manipulated on the Design Surface.
Please watch the Demo video which showcases these improvements.
With Adobe Dreamweaver 12.2 CCM release, the choice of fonts has become wider and better! Integration of Edge Web Fonts with Dreamweaver gives you access to a vast web font library made possible by contributions from Adobe, Google, and foundries around the world, for free. What’s more? Designer or the end user need not necessarily have these fonts installed on their systems — the web browsers render the text with the fonts at run-time.
Adobe’s Web Platform team is excited to announce the availability of the second Creative Cloud update for Dreamweaver.
Improvements to Fluid Grids: Dreamweaver’s Fluid Grid Layouts tool has undergone major improvements. Create responsive websites more efficiently using simplified workflows with support for both classes and IDs and support for additional HTML5 elements.
Bring print-quality typography to the web with Edge Web Fonts: Integration of Edge Web Fonts with Dreamweaver gives you access to a vast web font library made possible by contributions from Adobe, Google, and foundries around the world. Dreamweaver’s re-designed Font Manager dramatically improves font management in Dreamweaver.
Custom settings retained after upgrade: Custom settings such as Favorites, Extensions enable/disable state, custom menu items are retained after you upgrade to this release.
Expanded table view is back! We heard your requests for getting back Expanded Table View, and on popular demand, the feature has been reinstated in this release.
With increased HTML5 adoption by browsers, the default Doc Type is changed to HTML5.
Addition of new form elements and form attributes
H1, H2 … H6 and P tags under Structure category in Insert Menu
Critical bug fixes
Multiple critical bug fixes and improved error messages when working rebuilding application workflows using PhoneGap.
You can now import Edge Animate files with double byte characters in the filename into Dreamweaver. In addition, there are improvements to the Properties Inspector.
The Adobe Dreamweaver team made a patch available with version number 12.0.3 for Perpetual customers on 12/12/2012.
The patch had a side effect where Business Catalyst and BrowserLab panel will stop functioning for some users. If you are a 12.0.2 user, you will not run into such an issue. You can resolve this issue by downloading the zip from here and following the steps below:
Steps to be followed:
Download and unzip the attached folder onto your system.
Open the extracted folder.
Right click on “BLBC_Extension_Update.bat” file that is present, to get context menu.
If you are on Win Vista, Win7 or Win8 platform, choose “Run as administrator” option in the context menu. (**this step is very important as not running the batch script as an administrator, will not allow the script to copy files into system\program files\ folder)
If you are on Win XP, just double click on the batch file to run.
Follow the instructions shown in console and once copy of files is complete, launch Dreamweaver CS6 to check if BrowserLab extension is working or not.
The zip file contains required BL & BC files along with a batch script, that will copy files into corresponding extensions folder on the system. The zip file contains HTML, CSS & JS files and no executables.
Happy New Year to you all! Sincerely hoping your holidays were wonderful and relaxing, and full of friends and family.
As recently announced on the Creative Cloud team blog, Adobe has decided to refocus our touch app development efforts – as part of this we are no longer making Adobe Proto available.
If you already have Proto then you can of course continue using the app – Dreamweaver CS6 (version 12.0.1 and later) includes the ability to open files created with Proto and will continue to do so for the foreseeable future. If you are using Dreamweaver CS5 or CS5.5 then you need the Proto extension for Dreamweaver, which until recently was hosted on Adobe Labs – this was removed at the time of making the announcement, but we have re-instated the download – available here.
While the decision to no longer offer Proto was hard to make, we are committed to creating new and better tools to support web designers and developers – more information will be shared here and on the Creative Cloud blog in the future.
The Creative Cloud release of Dreamweaver on 9/24 introduced features like HTML5 Video/Audio, improved workflows etc. the videos are live (Thank you David Powers) and can be viewed at the following links:
Have you had issues using PhoneGap Build in Dreamweaver? If so, please make sure and download the latest Dreamweaver build from Adobe Application Manager described in the last blog post. This build contains vital PhoneGap Build bug fixes as well as enhanced security measures. Make sure and launch Adobe Application Manager and update!
For Creative Suite (non-Creative Cloud Members) users: If you are prevented from using Adobe Application Manager for any reason, please feel free to get the standalone patch here.
The latest update for Adobe Dreamweaver CS6 includes bug fixes in Live View, Code View and FTP file transfer. This update to Adobe Dreamweaver also ensures continued compatibility with the Adobe PhoneGap Build service and improves user experience. Below are some of the highlights of this bug fix update.
Specific updates to version 12.0.3 (Creative Suite version)
Permission Issues encountered by multiple users during FTP transfer of files has been fixed.
The keyboard shortcut of Cmd+H on Mac has been fixed.
The CPU utilization shot to 100% for some cases when typing code in Code View
Typing in the “Find and Replace” dialog was not possible when invoked via shortcuts
After the search was completed via “Find and Replace” dialog, instant typing was not working in the code view.
Live View performance issues have been fixed.
Switching to Live View was crashing the application
Optimizations for HiDPI display
Updates to both version 12.1.1 (Creative Cloud version) and version 12.0.3 (Creative Suite version)
Continued compatibility with the Adobe PhoneGap Build service and improved user experience.
Note: Upgrading to 12.1.1 will eliminate your stored customizations, keyboard shortcuts, etc. so please only upgrade if you require PhoneGap Build functionality.
Finally, we would like to acknowledge the help extended by Adobe Dreamweaver users in submitting “Crash Reports”. We have fixed some of the most common cases that were leading to crashes in this update also.
Note: The bug fixes mentioned above for 12.0.3 are already available to Creative Cloud members via 12.1 update.
Update: You can check if the update was successfully applied by checking the versions as mentioned below: