Quick Tip: Notable New Features in Dreamweaver CS5


If you're a Twitter user, it was difficult not to be aware of Adobe's CS5 global launch presentation. While they did an excellent job of promoting Photoshop and Flash, other applications, such as Dreamweaver, only received limited coverage. Nonetheless, take a look at some of the awesome new features in Dreamweaver CS5, slated to be released in mid-May.

1. BrowserLab Integration


Adobe, for some time now, has offered a helpful, and free, service called Browserlab. For those unfamiliar, Browserlab is a Live service that allows you to view snapshots of your website in a variety of browsers, not too dissimilar from Luckily, with CS5, this service is fully integrated into Dreamweaver, even allowing us the ability to stack multiple snapshots of our designs, from various browsers, on top of one another. This is especially helpful for those of us with pedantic attentions to detail.

"Preview dynamic web pages and local content with multiple viewing, diagnostic, and comparison tools."

2. CMS Support

CMS Support

Perhaps the most welcomed and exciting new addition to Dreamweaver, there is now a "live view" option, when working on, for instance, templates for a variety of CMSs, including WordPress! This means that you can browse pages, populated with postings from your database, directly within Dreamweaver. How cool is that?

"Enjoy authoring and testing support for content management system frameworks like WordPress, Joomla!, and Drupal."

3. Site-Specific Code Completion

code completion

This is something to be excited about. WIth this latest release, we now can utilize intellisense on site specific coding. For example, imagine being able to access the various WordPress functions directly from the intellisense pop-up? Pretty cool!

"Benefit from code hinting on nonstandard files and directories in Dreamweaver.."

4. Adobe Business Catalyst Integration

This new feature is being promoted heavily, and, while it might definitely prove to be appealing to some designers and non-programmers, I doubt our particular community will utilize this new addition. Essentially, it allows you to design and build websites with minimal coding experience.

"Leverage integration between Dreamweaver and the Adobe Business Catalyst® service (available separately) to deliver powerful online businesses without programming."

5. Improved CSS Inspection

CSS Inspection

The Dreamweaver team has added a new feature which allows us to, after clicking the "Inspect" button, click on various elements on our page, and immediately view the applicable styling associated with that particular element. If you're familiar with the Web Developer Toolbar, and Firebug, you'll be quite familiar with this. Nonetheless, it's a nice addition to have available from directly within the IDE.

"Visually display the CSS box model in detail, and easily toggle CSS properties without reading code or needing to use a separate utility."

Missed the Launch Video?

If you didn't catch the live unveiling, you can watch it here. So what's the consensus? Has Dreamweaver finally come through for us? Will it take the place of your IDE of choice?

Related Posts
  • Computer Skills
    App Training
    Demystifying Microsoft Office & Office 365 PricingOffice logo
    You want to buy Microsoft Office, but which suite should you get? This tutorial will help you choose the best for your usage and will guide you toward a better understanding of how Microsoft has structured its most popular software offering's pricing.Read More…
  • Code
    Web Development
    Testing Your Ruby Code With Guard, RSpec & Pry: Part 2Ruby wideretina preview
    Continue learning test-driven development in Ruby with Guard, RSpec and Pry.Read More…
  • Web Design
    Applications and Tools
    Five Useful Things You Can Do With Adobe Reflow Right NowReflow thumb
    Whether or not Adobe Reflow ever becomes a fully functional website creation tool, there are some really useful things you can do with it right now, and we're going to cover five of them.Read More…
  • Code
    An Introduction to Theming WooCommerce for WordPressWoocommerce
    WooCommerce is a popular eCommerce platform for WordPress that is being rapidly developed by WooThemes. In this article, I'm going to guide you through the fundamentals of theming for WooCommerce.Read More…
  • Code
    Tools & Tips
    Deeper In the Brackets EditorDeeper in brackets retina preview
    Brackets Turns 30 (Ditches the Minivan and Goes for the Jet Pack!) Nearly one year ago, Jeffrey Way reviewed the open source Brackets project. In the time since that review Brackets has come quite far, recently celebrating it's 33rd Sprint release. In this article I'll talk about many of the updates as well as demonstrate why Brackets is my favorite editor.Read More…
  • Code
    The New IE11 F12 ToolsIe11 f12 dev tools retina preview
    Disclaimer: I work for Microsoft Corporation. Back in January, I walked you through the features of Internet Explorer 10's F12 Developer Tools. Microsoft's recent release of Windows 8.1 Preview brings with it, not only an update to Internet Explorer (now at v11) but also a welcome refresh to the F12 Developer Tools. The latter is especially important since developers are dependent on them to troubleshoot site-related issues from within IE. Till now the tools have solved most debugging use-cases but it's clear that as sites become more complex, developers need richer tools to work with. This update aims to bring a fresh look and expanded capabilities for developers with a strong focus on the following: Read More…