4. My strategies for
INSTANT PRODUCTIVITY
All websites...
... were on the same server
... registered at same domain registrant
... used same organizational structure
... used common naming conventions
... used standard code formatting
... all forms built with Wufoo
... used WordPress as the CMS
4
5. My strategies for
INSTANT PRODUCTIVITY
All websites used jQuery
for the JavaScript library
Use the tools that you know
5
12. So...
Why no control?
• Content is third-party template you can’t change
• Too entrenched / Too much red tape
• Content is inserted from elsewhere
12
24. • Don’t have markup control
but 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
Quick recap of...
CHANGING CONTENT
24
34. • What are they really asking for?
vs. What do the users need?
• Enough content to warrant
a special page?
• jQuery: Pop-up box, .load() content
• Best of both worlds
Quick recap of...
CHANGING CONTENT
34
37. #3
LET’S GO WEB 2.0
Hey Chris,
We’d like to show our latest tweet
on our homepage!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Social media!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
37
38. All the hip services hand out JSON
Twitter docs: http://dev.twitter.com/doc/get/statuses/user_timeline
Example URL: http://twitter.com/statuses/user_timeline/chriscoyier.json
38
42. • 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 upon success
• Only show non-replies
• “Tweetify” http://css-tricks.com/snippets/jquery/jquery-tweetify-text/
• @Anywhere http://dev.twitter.com/anywhere
Quick recap of...
TWITTERIZATION
42
44. #4
DON’T STOP THE MUSIC
Hey Chris,
We want the music player on our
site to continuously play while
people are on our website.
44
45. • 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
• Better solution: AJAX
• Small site = content on one page, animate
Large site = AJAX load other pages
OK...
HERE’S THE RUB
45
53. • The music never stops if
the page never reloads
• Maintain user expectations
(Like their back button working)
• No JavaScript? Like nothing ever happened
• Enforcement of structure
(Deep link entrances)
Quick recap of...
AJAXIFICATION
53
54. #5
SLIP SLIDING AWAY
Hey Chris,
When you click links that go
down the page, can the page
slide down instead of jump?
54