As the go-to "web guy" at a small web design agency I've had to employ some techniques to keep it easier for me to maintain lots of sites. One of those is using jQuery on all sites so I can always count on that to help solve client requests, if needed. This covers five requests and how I attempted to handle it.

3. Hey Chris,
Can we change the text “Add a coupon:” to
“Enter voucher code:”
Also, can the box to enter that code be shown
by default?
- Fake Client

9. Change Text
Display

11. • Don’t have markup control
/ Can use jQuery
• Fairly rare... Third party services,
Huge applications - Separation between
designers and developers
• Find out a year later...
FoxyCart totally does allow you to
change language

13. Hey Chris,
Can we add this text right below the dropdown for the shipping choice?
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.Vestibulum tortor quam, feugiat vitae,
ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat
eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.Vestibulum erat wisi, condimentum sed, commodo vitae, ornare
sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.
Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu
vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.Vestibulum tortor quam, feugiat vitae,
ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat
eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.Vestibulum erat wisi, condimentum sed, commodo vitae, ornare
sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.
Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu
vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus
Thanks!
- Fake Client

14. Before

15. Friday at 4:52pm

16. Monday at 9:08am

17. Monday at 1:20pm

18. Monday at 1:20pm

21. • What are they really asking for?
• What do the users need?
• Enough content to warrant
a special page?
• jQuery: Pop-up box, .load() content

23. Hey Chris,
• What are they really asking for?
• Traditional Ways: Frames,
We would like Windows, Flash
Separate to show our latest
• Enough content to warrant
“tweet” from Twitter on our
• The browser window can’t reload
a special page?
website. Can you do this!?
• Low What do site users need?
• content the = simulate Flash
- Fake Client
•• jQuery: Pop-up box, .load() content
High content site = AJAX load pages

29. • Top priority: it doesn’t affect
the normal page load time.
(You don’t want to rely on the Twitter API
for your site to load)
• Only append (entire area)
to page upon success
• Only showing non-replies
• “Tweetify” (or @Anywhere)

31. Hey Chris,
One of the things we want for our
new site is a music player. The music
should continue playing when they
click to go to other pages.
- Fake Client

32. • Music will stop on a page load,
there is no way around it.
• Solution: do not reload the page
• Bad solutions: Frames, Flash,
Pop-up Windows
• Small site = content on one page, animate
Large site = AJAX load other pages

35. Reset Stuff
Truncated Shows
Quick Plugin,
reduced repeated code
Hash tag links

38. Internal Links
Fade out old
Load and fade
in new
Hash tags

40. Hey Chris,
Can we put the category navigation
from the store part of the site on the
homepage of the site?
- Fake Client

42. $(function() {
$("#dropdown-bar").load("/store #dropdown-bar");
$("#blog-promo span").load("/blog .post:first h2");
});

43. • The best way would probably be
server side
• Store is a different CMS than home =(
• AJAX .load() just parts

44. BONUS
We need a new
form on our website,
can you help?

46. Thanks!