Click on any phrase to play the video from that point.
[ADOBE®DREAMWEAVER®CS5.5] [HANDCODING IMPROVEMENTS]
Hi, I'm Scott Fegette, Product Manager, for Dreamweaver.
In this video I wanted to talk a little bit about some of the Code Hinting
enhancements that we've made for Dreamweaver CS5,
specifically, around jQuery.
jQuery is taking a much more active role in Dreamweaver these days with a jQuery
mobile framework powering a lot of our mobile application work,
and jQuery as a framework itself, just proving to be an incredibly useful utility
for all kinds of DOM manipulation and great javascript effects.
So whereas in Dreamweaver CS5 we added a bunch of great Code Hinting
for PHP--we've gone back and beefed up our javascript hinting for jQuery to help you out.
So we'd like to add jQuery statement here, and to begin with we need to add
the dollar sign open bracket which defines jQuery's statement.
Plus on bracket and we get the initial thing.
Now, we can either target the entire document or the element we've selected.
In this case we're gonna attach this to a button.
So I'm gonna choose this and then close the parentheses and add a period.
Now, this automatically goes to the next step in the call chain,
and we can see we've got jQuery Coding Hints popping up all over the place here now.
This gives us all of them, but if we keep typing, of course,
we can hone it down to the exact function we wanted which is prev until.
It's a function that kind of goes through the document from our selected element
and finds a particular selector up above it in the tree.
Now, you'd think we'd have to start typing prev to get to that, but Code Hinting
is smart enough to look for a unique match of characters.
So we can type vu--the last of prev and the first of until--and we go right to it.
So it's already kind of working the way you would expect it to.
We've got there there--prev until--we want to add that to the equal height selector.
So we'll add that in here, and go ahead and close the bracket, add a period,
and now we're right back to where we started with the jQuery Hints again.
We want to select this down--now, we're looking for the equal height selector,
but now we want to filter it based on a particular selector.
So we're gonna go ahead and add filter--type fil--we've got it--
and then let's choose the one with the selector.
Now that we've got this, type in control, then let's add another period at the end here,
and now we can start getting directly to what we want to--we get to the CSS.
So we've told it we want it to jump up from a button, find it a selector of equal height,
filter that by control, and now we want to make a change in CSS.
So I just type CSS and we're gonna do a complex one, so let's go ahead
and say css map--I'm gonna put the first thing here--and let's just start choosing it.
So we want height--so let's choose height.
I'm gonna put a period in it and it already knows that we have second property
I want to add here, and we're gonna make it auto.
And what that does is just say instead of keeping our pad interface sort of
closed up, it's gonna let us expand this, and we've basically just created a
jQuery call chain very quickly using Code Hinting to help us all the way.
So if you're really interested in using jQuery, or have started using it already,
we really think that these Code Hints are gonna help you just kind of get up
and started fast, and if you're an old hand, it's gonna help you be
way more efficient with the code you're already writing.
So if you enjoyed this little peek, by all means, dive in and play around with it
yourself and keep posted to this channel--we're gonna be posting a lot more videos--
showing sneak peeks and tidbits of Dreamweaver CS5.5 functionality
over the coming weeks and months. Thanks.
