Spry 1.6 and the Dreamweaver Updater

Hey {spry::fans},

October 1st brings a couple good things.

Thing Number One: the Spry team finds itself in Chicago, for the Adobe MAX conference. It is our annual user conference, with meetings and classes and networking and putting faces to emails. Your humble host, along with other members of the Spry team, and some hard-core Spry users, will be teaching Spry at MAX this year.

Thing Number Two: We released Spry 1.6 today.

As I mentioned in my previous post, this release is about raising our game with respects to web standards, accessibility and progressive enhancement, among other topics. We wrote a set of articles discussing these topics. You can check them out at http://labs.adobe.com/technologies/spry/articles/best_practices/.

We added some advanced versions of our demos. There are a couple flavors of the Photo Gallery: one using the HTML data set. The other with static data that is progressively enhanced. There is also a version of the Products demo that degrades nicely. The default Photo Gallery demo has been updated to be simpler and more modular, using a first iteration of some image widgets we are working on. See the new stuff here: http://labs.adobe.com/technologies/spry/demos/.

Ah, the sweet Element Selector. Along the lines of jQuery and DOMQuery, the Element Selector (SpryDOMUtils.js) is a utility used for grabbing multiple parts of the page using CSS Selectors and applying functions to them. Our speed is on par with other tools and we have robust and accurate CSS3 support. Read about it here and check it out here.

An important note: We changed the way we handle text values within the XML Data Set. This will affect folks that send entity encoded HTML or HTML embedded in CDATA in their XML. Read more about it in http://labs.adobe.com/technologies/spry/samples/data_region/XMLDataSetStringHandlingSample.html and also in http://labs.adobe.com/technologies/spry/samples/data_region/HTMLFragsInXMLSample.html

We have a few more widgets: We rounded out our form validation collection with a Password Validation widget and a Confirm Password widget. The HTML Panel is a widget that uses HTML fragments and allows graceful degradation.

We have included packed and minimized javascript files for everything. This gets all of us some significant file size savings, for example: SpryData.js: 128kb to 41Kb. SpryEffects.js: 77 to 29.
A note on the difference. Minimized files are compacted, with whitespace removal and other compression techniques. Packed files are smaller: they minimize the files and then they set up a text replacement table that reduces the string size. They are smaller but there is a small performance hit when the browser initially undoes the packing. You can avoid this CPU spike by using the minimized versions, but the file size is bigger (yet still quite a bit smaller than the regular versions). We provided both versions so you can choose the best path for yourself.

On the data front: We added a new data set: The DataSetShell allows multiple data sets to share a spry:region.

We did want to mention that we do read the forums every day and file bugs and enhancement requests for things that people find. We didn’t get to fix as many as we wanted this time around, especially some of the enhancements, but we do have them filed and plan on getting a bunch done for 1.7.

But on the positive side, we are also releasing the Spry Updater for Dreamweaver CS3! Finally, a simple and easy way to not only update Dreamweaver CS3 to Spry 1.6, but it also allows you to copy over the updated files to your local root folder. It was a great summer project for a couple of the Spry team guys and it should make the updating process very easy. The extension can be downloaded for free from the Labs site. Just follow the usual download link: http://www.macromedia.com/go/labs_spry_download.

Over the next couple posts, we will talk more about the standards stuff, explaining more and responding to any comments you may have.

So go download Spry 1.6.

Thanks,

Don

27 Responses to Spry 1.6 and the Dreamweaver Updater

  1. Jack says:

    Thank you so much for the Spry Updater for Dreamweaver CS3!

  2. Dylan Oliver says:

    awesome – i’m particularly excited about the spry element selector!

  3. Ron Ferguson says:

    Looks like you guys have been busy! Spry is great stuff! I noticed that a calendar widget isn’t in this release, however. I have been working on (and about a week or so away from being completed) a calendar widget myself that conforms to the Spry framework. Is there a place to post it for download once it’s complete? The Spry team can’t do everything we want, so it’s up to the community who use Spry to get to some of the things that aren’t in the release schedule for the team.

  4. Oscar says:

    Kudos to you Don and the entire Spry team!I didn’t expect the announced Spry 1.6 release in “early October” would be Oct. 1!Congratulations and thanks for beating expectations again!Oscar

  5. heathrowe says:

    Thanks Don, it’s OctoberFest at the labs for sure. Nice going with the DW updater 🙂

  6. Dave says:

    Can the 1.6 set of updates be integrated into CS3, so that that spry toolbar applies the updated widget code (instead of the stock widgets).If so, what is the procedure for applying the new widgets into CS3?Thanks-Dave

  7. Janet Maldonado says:

    Hi guys!Where can I see some examples of DataSetShell?Hi Janet,There is a sample here:http://labs.adobe.com/technologies/spry/samples/data_region/DataSetShellSample.htmlThanks,Don

  8. ACB says:

    Hi,I very new to spry but am worried about what I consider the be a total lack of expert support in the technology.I asked what I perceive to be 2 very simple questions:1. Integration of new features in DW CS32. How to call my own JS code that would allow me to conditionally make checks based upon other fields.No answer to both. Similar questions using other technologies are devoured.Is that a place for newbies?Thank YouAl

  9. Robert Owen says:

    Since installing the Spry 1.6 dreamweaver update I get this message each time I open Dreamweaver :while executing onLoad in FrameworkUpdater onOpen.htm, a Javascript error occurred.Any ideas?–Might want to clear your site cache file and see if it still repros.The cache file is a .dat file locatedin:- Win XP: C:\Documents and Settings\[username]\Application Data\Adobe\Dreamweaver 9\Configuration\WinFileCache-xxxxxxxx.dat- Win Vista: C:\Users\[username]\AppData\Roaming\Adobe\Dreamweaver 9\Configuration\WinFileCache-xxxxxxxx.dat- Mac: /Users/[username]/Library/Application\ Support/Adobe/Dreamweaver\ 9/Configuration/MacFileCache-xxxxxxxx.datClose DW, delete the file and reopen DW.Let us know.Don

  10. Rick Curran says:

    Hi, will the Spry updater be applied as an automatic update for Dreamweaver? I’m just a little concerned that people may not be aware that an update exists and keep using the older version. We don’t currently have plans to release the updater via Automatic Updates. One: It’s not a required thing and we don’t want to force it on people. Two: Releasing as an extension is quicker and involves a lot fewer people, so we can push new versions whenever needed/wanted. We hope that those interested in Spry will check in from time to time and look for new things.Thanks for posting.Don

  11. Patrick says:

    Hello. Thank you for upgrade:) but i’ve a question: if i want to use the certificate spry region with 1.6 release in my project, i’ve to write code by hand? why the 1.6 features weren’t insert into the DWCS3 buttons?Sorry for my english but i’m from rome:)

  12. Dameon says:

    I’m just wondering if it’s possible to add new Spry widgets to Dreamweavers Insert Bar Spry Panel Group and Spry Effects to the behavior panel. I’d really like to use the SpryTooltip. Is it possible to install it right into Dreamweaver?

  13. Paolo M says:

    Hi Spry team is there any new Spry release coming soon this November or any anticipation about new feature you are addingciaoPaolo

  14. Sam High says:

    Just started playing with Spry data and other widgits such as the tab control. I am rather new to javascript objects and would like to use the tab widgit as a wizard where you can disable tabs with corresponding “disabled css class” (click etc listeners) until a conditions is met in a prior tab in the tab order. Can I make my on object that inherits from the base widgit and override or further enhance the listeners?

  15. Brennon Obst says:

    Problem: Javascript errors from spry not installed correctlyDescription: I have tried to upgrade to Spry1.6 from 1.5 from 1.x. I started getting the javascript errors after my first upgrade; “such and such .js file not found” and “The following translators were not laoded due to errors: The following JavaScript error(s) occurred: Unable to open script file “C:\Program Files\Adobe\Adobe Dreamweaver CS3\Configuration\Shared\Spry|designTime\WidgetManager.js” (error 3).These problems did not go away when i put the spry 1.6 zip (entire) into my shared/spry directory. And they seem to occur more frequently, how can I make them resolve?How can I correctly install Spry1.6 into Dreamweaver?I have spent a lot of time looking for some documentation named “installation” for spry in dreamweaver and I dont think it exists, but I think it should exist.I liked the 1.6 upgrader for my sites, but how about a 1.6 installer for my dreamweaver shared files?Thanks a lot!-DBooth: First, there is not need to update the design-time files for Spry in DW. Only the files that are copied to the site should be updated. And to do this, you can use the Spry Updater extension.You should back out any changes you made to the DW config folder and just use the updater.

  16. Brennon says:

    Dear dev team, its mid week and there is an rss feed on this blog. The last posting was from two months ago and my comment has gone unanswered for a day.Q. Is this blog still live?A: This blog is still alive. I have just been searching for a good topic, plus the team has been a bit busy with DW stuff.

  17. Brennon says:

    Much appreciated comment feedback, keep up the good work!

  18. Brennon says:

    A much appreciated comment response, thanks again for the blog.

  19. Matt Jensen says:

    Dylan Oliver – Did you ever finish that calendar widget? I’m working on a site where a spry based calendar would be be perfect. Thanks in advance!

  20. Alfred says:

    i can not download spry data utility i need it to develop a web site please help us

  21. jabber says:

    The existing SPRY widgets I’ve installed on my site, installed without a problem. Now when I try to install a widget in DW I get DW “Not Responding” in task manager indefinitely. Wat’s the solution? I will try to delete the SiteCache (as I read above a solution to a similar problem. Please, I need help

  22. Robert Owen says:

    I only just checked back and saw your response. That worked perfectly. Thank you!Since installing the Spry 1.6 dreamweaver update I get this message each time I open Dreamweaver :while executing onLoad in FrameworkUpdater onOpen.htm, a Javascript error occurred.Any ideas?–Might want to clear your site cache file and see if it still repros.The cache file is a .dat file locatedin:- Win XP: C:\Documents and Settings\[username]\Application Data\Adobe\Dreamweaver 9\Configuration\WinFileCache-xxxxxxxx.dat- Win Vista: C:\Users\[username]\AppData\Roaming\Adobe\Dreamweaver 9\Configuration\WinFileCache-xxxxxxxx.dat- Mac: /Users/[username]/Library/Application\ Support/Adobe/Dreamweaver\ 9/Configuration/MacFileCache-xxxxxxxx.datClose DW, delete the file and reopen DW.Let us know.Don

  23. John says:

    Hi Don,Are there any ways to export the menu created by spry to a library (*.lbi) file? I tried by the sub menu doesn’t work. It wouldn’t pop out.Thanks,John

  24. Verbrenner says:

    Thank you very much! This Updater does great work and is really easy to use! – Everything works fine…Greets from Germany!

  25. Dawn says:

    I am trying to implement your tutorial “Building a photo album with the Spry framework.” I am using CS3, I’ve created the Photoshop web album, etc. I’m sure my problem is in the coding (since the tutorial was released before the release of CS3) and is probably a simple fix that I’m not seeing. Any advice would be greatly appreciated.Hi. Try posting your issue here: http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602including the URL that is failing, and we can help. Thanks, Don.

  26. I’m working on a huge site where a spry based tabbed feature would be perfect. Thanks for the updater. 🙂

  27. mod says:

    while opening the dreamweaver window, a pop-up appears ” while executing onload in design notes OnOpen.htm, javascropt error occured. how to find and solve it?