Author Archive: jvarese

Adobe announces Creative Suite 5.5/Dreamweaver CS5.5

Today Adobe announced the release of the latest and greatest version of the Creative Suite family: Adobe Creative Suite 5.5. As part of Creative Suite 5.5 Web Premium, Dreamweaver CS5.5 certainly stands out as one of the many jewels in this crown. The focus for this release is decidedly on mobile devices, and streamlining your HTML5/CSS3 workflow in this as yet Wild West-like land of opportunity. True to its history and the spirit of collaborative development, the Dreamweaver team has listened to its user base once again, and has delivered a show-stopping tool that now lets you easily develop and package web apps for mobile devices.

“One of the neatest things in Dreamweaver CS5.5,” says Randy Edmunds, Senior Computer Scientist at Adobe, “is the new Media Queries dialog box, which lets you specify CSS style sheets for different devices, so that your web page can look the way you want it to look on any screen. The feature eliminates something we see a lot of—the chances for typos and errors—and is going to remove a great deal of headache for people who want to target multiple screens.”

In addition to CSS Media Queries, Dreamweaver CS5.5 also supports multiscreen preview (where you can literally see in one window exactly what your page will look like on different devices), CSS3 and HTML5 code-hinting, and jQuery mobile integration, which includes drag-and-drop jQuery mobile application widgets, as well as jQuery mobile starter pages to get you up and running in seconds. “This release means rapid development for mobile apps,” Edmunds says. “And that’s good, since everything is about rapid these days.”

One of the most enticing features of Dreamweaver CS5.5, however, is the new Native Mobile Application packager, which lets you build and emulate native mobile applications for Android- and iOS-based devices. Dreamweaver CS5.5 now uses seemless integration with PhoneGap—an open-source development framework for building cross-platform mobile applications—and together the two bring a new level of ease to building apps for mobile devices.

“We wanted to remove all of the pain and confusion from the process of building mobile applications,” says Jung Yun Choi, Software Quality Engineer on the Dreamweaver team. “Our goal was to make it so easy that even someone who doesn’t know anything about mobile apps could step through the process and build one within minutes.”

And the Dreamweaver team has done just that. Building a mobile application for iOS- and Android- based devices is now as simple as installing the iOS or Android SDKs, specifying a few configuration settings, and selecting “Build and Emulate” from a list of menu choices.

To learn more about all of the new and exciting features in Dreamweaver CS5.5, check out Dreamweaver Product Manager Scott Fegette’s What’s New in Dreamweaver CS5.5, and the Dreamweaver CS5.5 feature overview on Adobe TV.

You can also read more about individual features in the What’s New section of the Dreamweaver Help system.

Adobe announces the HTML5 Video Player widget

HTML5 has received a tremendous amount of buzz, much of it driven by the potential for plugin-free video. However, the limited browser support for the HTML5 <video> tag has forced web designers to scramble for a solution that would work across platforms as well as browsers.  To help customers overcome these challenges, Adobe has released an easy-to-use, totally CSS-customizable solution that shifts gracefully from the HTML5 <video> tag to the Flash Player when the tag is not supported. The shift takes place regardless of the screen—from phone to monitor to TV.

The HTML5 Video Player widget, now available through the Adobe Widget Browser, works with or without Dreamweaver CS5. Code generated from the widget plays video in the best possible player for the requested platform using a range of video codecs. Based on the Kaltura open source library, the HTML5 Video Player widget is fully cross-browser compatible with support for Internet Explorer, Firefox, Safari, Chrome, and Opera. Moreover, the player is completely customizable with industry standard CSS techniques.

You can run the Adobe Widget Browser directly from within Dreamweaver and, once you’ve set it up, insert the generated code and files for the HTML5 Video Player widget with point-and-click simplicity. But if you’re not a Dreamweaver user (shame on you), you can also download the Widget Browser independently. (You’ll need to install Adobe AIR first.)

If you’re new to the Widget Browser, you can get up to speed quickly with this video from Lynda.com.

David Powers: the PRO!

Join us for an Ask a CS Pro session with David Powers on the hot topic of HTML5 and CSS3 in Dreamweaver CS5. David will present and take your questions live via chat.

THIS FRIDAY, September 24th.

Session begins at 11am Pacific Daylight Time.

Location: my.adobe.acrobat.com/askcspro. Guests will be allowed in the meeting room 10-15 min before session begins

Learn more about David Powers here:
http://foundationphp.com/about.php

Facebook invite here:
http://bit.ly/AskCSPro10_FB

Note that the session will be recorded and posted to the Creative Suite Facebook page Notes section soon after the event under “Ask a CS Pro”.

Dreamweaver CS5 11.0.2 Updater released

Yesterday, Adobe released the Dreamweaver CS5 11.0.2 Updater. The updater fixes a few critical bugs that were discovered after the shipping of CS5, including application launch failure on some Macintosh machines, and crashing when choosing to undo operations with Live View turned on. In addition, the updater includes the Browser Lab/Dreamweaver integration work for CMS support that went into 11.0.1.

Some Macintosh users have reported site definition usernames and passwords disappearing after updating. You can resolve this issue by restarting your computer.

Other users have reported losing their site definitions after installing the update, so be sure to export your site definitions before running the updater. (Site > Manage Sites > select a site/sites, click Export, and save the definitions to a location on your hard drive.)

David Powers – new PHP code hinting video

Adobe and Dreamweaver Community Expert David Powers takes us through some of the great new PHP code-hinting features in Dreamweaver CS5. When it comes to Dreamweaver and PHP, there is no better person to consult!
You can watch the video here.

Adobe announces the HTML5 pack for Dreamweaver CS5

This morning Adobe announced the new HTML5 pack for Dreamweaver CS5. The HTML5 pack is an extension that adds support for HTML5 and CSS3 in Dreamweaver. If you’ve been watching the technology news at all lately, then you’ll know that this sort of improvement marks a great advance for any Dreamweaver user working in this fast-changing world of smart phones and other handheld devices.
The HTML5 pack introduces great things like multiscreen preview (which lets you see what your web page will look like on phones, tablets, and desktop computers simultaneously), HTML5 and CSS3 code hinting, and even a few HTML5-compliant starter layouts to get you up and running with HTML5 layouts quickly.
There is an article by yours truly that provides an overview of the whole pack on the Dreamweaver Developer Center, and there’s a great video by the Dreamweaver team’s own Jorge Taylor that takes you through the steps of working with the HTML5 pack in Dreamweaver.
The HTML5 pack for Dreamweaver is available today on Adobe Labs.

Great Dreamweaver resources now available from Brian Wood

Dreamweaver friend and expert Brian Wood has started making some of his superior-quality content free to Dreamweaver (and other Adobe product) users. Brian is a master of HTML, CSS, and Dreamweaver, and anyone trying to get up to speed on any of these technologies should consult his materials. You can find his free Dreamweaver offerings at his webiste, askbrianwood.com.
Brian’s materials are also a major part of Adobe Community Help. If you search for “askbrianwood” in the new Community Help client, you’ll see the resources pop up there as well.

Problems with the new Community Help Client?

A number of problems have come up for pre-release users trying to access the new Community Help Client.
If you get an installation error when you first launch the Adobe Help application in CS5 and elect to install the CHC update, see the following tech note:
http://kb2.adobe.com/cps/842/cpsid_84215.html
If you have any other problems with the help client after ship, do a clean install of the Adobe Help application as described in the tech note above. Old pre-release versions of Adobe Help may have left files behind that could cause problems for the latest version of the app.

Dreamweaver CS5 Help now available

Now that Adobe has announced CS5, you can use Dreamweaver CS5 Help without passwords. We encourage you to try out the help and report any problems with the content or with the new help client. If you’re already using Dreamweaver CS5, you can get started, by selecting Help > Dreamweaver Help.
If you’re prompted to install the AIR app update, please do. You’ll also be prompted to download the help content locally. You don’t need to download it if you’re normally connected to the Internet — the help client displays the online content by default. If you decide to download the content locally, please allow a few minutes for the files to download, unpack, and install.
It’ll take a week or two for the online content to be fully indexed by Google so search will take a while to come into its own.
CS5 introduces a new AIR-based help client called the Community Help Client, or CHC. Some of the benefits of the CHC:

  • Breaks down content silos by letting users search and browse Adobe help content and Adobe-vetted community content in one place
  • Provides users with the definitive Adobe help reference
  • Provides users with a full offline help option
  • Supports continuous updating of content, from a variety of sources
  • Supports continuous updating of the help client app, allowing for iterative development like other Adobe services

If you have feedback on the help content or the help client as you work with Dreamweaver, please post a comment here and we’ll be sure that it gets sent to the CHC team.
For a list of new features in Dreamweaver CS5, see the What’s New page. Some highlights include new CSS layouts, a new simplified site setup, and integration with Adobe BrowserLab.

New BrowserLab feature

Today a small but very helpful feature was added to Adobe BrowserLab, the Adobe web hosted service that helps you check for cross-browser compatibility. You can now save screenshots that BrowserLab generates, for easy reference or to send around to others.
If you have Dreamweaver CS4, make sure to download the BrowserLab extensions, so that you can launch the service directly from Dreamweaver, and exclusively preview frozen Javascript menus, Ajax data, local content, and more. All you need to do is download and install the two BrowserLab extensions. (Note – the BrowserLab team has made a couple changes to the extensions, so if you already have them installed you’ll need to delete them and install the new ones).
BrowserLab is currently available as a limited free preview.