Solving Common Client Requets with jQuery

4,914 views

Published on

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.

Published in: Design
0 Comments
9 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,914
On SlideShare
0
From Embeds
0
Number of Embeds
3,011
Actions
Shares
0
Downloads
144
Comments
0
Likes
9
Embeds 0
No embeds

No notes for slide

Solving Common Client Requets with jQuery

  1. 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
  2. Change Text Display
  3. • 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
  4. 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
  5. Before
  6. Friday at 4:52pm
  7. Monday at 9:08am
  8. Monday at 1:20pm
  9. Monday at 1:20pm
  10. • What are they really asking for? • What do the users need? • Enough content to warrant a special page? • jQuery: Pop-up box, .load() content
  11. 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
  12. • 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)
  13. 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
  14. • 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
  15. Reset Stuff Truncated Shows Quick Plugin, reduced repeated code Hash tag links
  16. Internal Links Fade out old Load and fade in new Hash tags
  17. Hey Chris, Can we put the category navigation from the store part of the site on the homepage of the site? - Fake Client
  18. $(function() { $("#dropdown-bar").load("/store #dropdown-bar"); $("#blog-promo span").load("/blog .post:first h2"); });
  19. • The best way would probably be server side • Store is a different CMS than home =( • AJAX .load() just parts
  20. BONUS We need a new form on our website, can you help?
  21. Thanks!

×