John...

You could focus on some of the things which can be condensed in the document
using jQuery. For example. In an app I'm writing, I want rounded corners on
some of my containers but both the color of the container, and the
background against which it is displayed are dynamic, so I couldn't used an
image. What I came up with was to stack 2 divs before, and 2 after my main
container like so:

<div class="short"></div>
<div class="medium"></div> 
<div id="contentBody">
        my content
</div>
<div class="medium"></div> 
<div class="short"></div>

That gives a nice, subtle rounded corner effect while still letting me
colorize the elements. Now, with jQuery my HTML is plain vanilla:

<div id="contentBody">
        my content
</div>

While my jQuery code looks like this:
$('#headerBody')
        .before('<div class="short"></div>')
        .before('<div class="medium"></div>')
        .after('<div class="short"></div>')
        .after('<div class="medium"></div>');




-----Original Message-----
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of john teague
Sent: Thursday, August 28, 2008 10:30 PM
To: jQuery (English)
Subject: [jQuery] jquery for web designers


I'm giving a presentation to a group of web designers who are very
comfortable with css, but haven't done much with javascript.  I'm looking
for suggestions for features I should focus on (besides the obvious selector
syntax) that would be relevant to what they normally do.

Thanks,
John Teague


Reply via email to