Posts in Category "General"

Spry and DW CS4

Hi All,
Well, we have come up for air after the big Dreamweaver effort (The Spry team is a subset of the DW team…) and are surveying the landscape.
I wanted to first update you on what we have been doing.
As I alluded to above, we have been heads down on DW for the last few months. It’s a strong release with many great new features.
DW CS4 will now also support HTML Datasets, with a great interface for selecting data and the ability to easily build some starting Spry markup. It’s a substantial piece of work. We also rounded out the form validation widgets.
You can read more about them here:

Tooltip widget:
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WSF77F4640-5703-4055-B177-133B8091FF1D.html

Radio Group widget:
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WS16732C4E-51DA-45e0-91BA-D54631B49A99.html

Password widget:
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WSFFA8775B-ED2B-47c8-96A6-C8337D98C036.html

Confirm widget:
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WS60F93476-CDC9-421c-A0C8-02B35DE1145A.html

Additionally, we’ve posted help that shows you how to create XML and HTML data sets using the new data set builder:
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WSA671B0BD-047C-4752-BFAC-B6C0601F9791.html

And as always, you can check out all of the new features in Dreamweaver CS4 on the What’s New page in help:
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WS2C41F19D-502B-4fb5-8A54-4442E2127C84a.html

On the Spry side, we are looking into a new approach to widgets, with more flexible markup and a clean way to easily make custom widgets. Lots of research happening right now. Hopefully now that DW is done, we can get to releasing something in the near future.

Thanks,
Don

Spry and Dreamweaver CS3

Hi Spry:fans,

So finally, Dreamweaver CS3 is out the door and users are getting their first glimpse into the Spry support we build it. I thought I would take some time to talk about it and reply to some comments that have come in.

You may have noticed that Spry is prominently featured in this new release. Each leg of Spry is included in Dreamweaver: Effects, Widgets and Data, along with some features that are more subtle.

Spry Effects can be added through the Behaviors panel. Look for the Effects Menu in the Behaviors list. We made changes to DW and Spry to ensure that it will work with the new Spry 1.5 method of calling effects.

Widgets are a great example of the benefits of using Design View for editing widgets. The widgets like Accordion render as they would in a browser, collapsed correctly (notice the rendering difference from earlier versions of DW, where all the panels would be displayed open.) Using the eye icon, you can switch between panel for easy access to the panel content. Default panels can be set in the widget Property Inspectors. The validation widgets allow you to preview and set all the error messages in Design View.

Spry Data support allows users to create XML data sets and can see the data references in the Bindings panel. It’s a great way to preview the data set and allows you to drag and drop data references into Design View. Some common patterns are pre-built for you: Spry lists and tables can easily be added, as well as regions and repeat regions can be added to design view. More subtle are things like: A data reference will be translated (turns blue) when it is inside a spry:region. If the reference is not blue, it serves as a warning that the reference is not within a region. Data set names will be added and removed from the region as data references are added and removed from the region and DW knows when to use the shorthand version and the more formal version. In the tag selector, spry:regions will be noted by a light orange background color.

My favorite enhancements is the code hinting. We made some excellent improvements in this area. Within a tag, type ‘sp’ and you will see the spry attributes hinted. We have introduced dynamic code hinting. DW knows about the data sets and will hint them if you add spry:region=”. In a spry:region, type { and the available data references will be hinted. If 2 data sets are bound to the region, both sets of references will be hinted. Very nice! We also hint for writing data sets and widgets manually, including options. Code coloring makes it easy to see your Spry elements in the code.

Another subtle enhancement is in the way that we define these code hints. Now for the first time, all the Spry hints are contained in a single, extensible XML file. In previous versions, these hints would have had to be added to many files on a per tag basis. Now that they are contained in a single file, we can easily update this file to keep up with the latest Spry code. Users can edit this file as well, if desired.
DWApplication\configuration\CodeHints\SpryCodeHints.xml.

A few have asked about the version of Spry used in DW and how we will update in the future.

The version of Spry in DW CS3 is 1.4 plus a couple forward looking enhancements. As mentioned above, we made sure the effects will work with the 1.5 changes. We also fixed a couple bugs that we found between the release of 1.4 and when we finished DW.

We are working on a mechanism to update the Spry files via an extension or some other method. If you want to manually update the Spry js files that DW copies to the site, they are kept in Dreamweaver application\configuration\Shared\Spry\. BTW, the mechanism that copies the files to the local root folder is also a subtle new feature. There is also an option in the Site Definition that allows you to choose where the Spry files go in the site.

I will discuss other Spry features in more detail in the future.
Hope you like the new version of DW. Spry 1.5 is a few weeks away…

Thanks,
Don

P.S. After I posted this initially, I found this new video that shows many of the features I just discussed.

http://www.adobe.com/designcenter/video_workshop/?id=vid0167

Time to fire up the Spry blog

Hey Spry:fans,

I decided it’s time to start blogging. I think there is enough action in the Spry world that this would be a good forum to make announcements, let you know what’s coming up and foster discussions about Spry and the Ajax community at large.

I’m not sure how often I will be posting; as often as I have something to say I suppose, but hopefully this can be another source of Spry info for our burgeoning community.

My first real piece of relevant info: We fixed a bug we found in Effects that causes elements to change positions in a poor manner. To fix this we uploaded a fixed version of SpryEffects.js. If you find that your effects aren’t working correctly, try downloading the new version from: http://labs.adobe.com/technologies/spry/includes/SpryEffects.js

Also, we have been negligent in posting clear links to all our documentation. Therefore, we posted a docs page: http://labs.adobe.com/technologies/spry/docs.html .

I put a link to this page from the Spry homepage, replacing the incomplete list of docs that was there before.
That’s it for now. More soon.

Thanks,
Donald Booth
Adobe Spry Team

Hello

Welcome to the Spry blog.

This is the place to come to get the latest thoughts and announcements from the Spry team.

Of course the exciting news today is that we’re releasing the Spry framework. Spry was designed to help web designers (AKA front-end developers) be successful with Ajax. This is our first pass and we’ve focused on making it easier to retrieve and manage data without a page refresh. We’ve tried to keep the framework simple to use with the goal of making it feel like a natural extension to your existing workflows.

Please check out the Spry forum and Wiki to post questions and see what other people are doing with Spry. We’re looking forward to hearing your feedback.

Spry Team