[jQuery] jQuery Powered Sites - Keep the Links Coming

[jQuery] jQuery Powered Sites - Keep the Links Coming

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:st1="urn:schemas-microsoft-com:office:smarttags" xmlns="http://www.w3.org/TR/REC-html40"
xmlns:ns0="http://schemas.microsoft.com/office/2004/12/omml">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 11 (filtered medium)">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]--><o:SmartTagType
namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="PersonName"/>
<!--[if !mso]>
<style>
st1\:*{behavior:url(#default#ieooui) }
</style>
<![endif]-->
<style>
<!--p.MSONORMAL
{mso-style-unhide:no;
mso-style-qformat:yes;}
li.MSONORMAL
{mso-style-unhide:no;
mso-style-qformat:yes;}
div.MSONORMAL
{mso-style-unhide:no;
mso-style-qformat:yes;}
a:link
{mso-style-priority:99;}
span.MSOHYPERLINK
{mso-style-priority:99;}
a:visited
{mso-style-priority:99;}
span.MSOHYPERLINKFOLLOWED
{mso-style-priority:99;}
p
{mso-style-priority:99;}
p.MSOLISTPARAGRAPH
{mso-style-priority:34;
mso-style-unhide:no;
mso-style-qformat:yes;}
li.MSOLISTPARAGRAPH
{mso-style-priority:34;
mso-style-unhide:no;
mso-style-qformat:yes;}
div.MSOLISTPARAGRAPH
{mso-style-priority:34;
mso-style-unhide:no;
mso-style-qformat:yes;}
span.APPLE-CONVERTED-SPACE
{mso-style-unhide:no;}
span.EMAILSTYLE19
{mso-style-unhide:no;}
.MSOCHPDEFAULT
{mso-default-props:yes;}
table.MSONORMALTABLE
{mso-style-priority:99;
mso-style-qformat:yes;}
/* Font Definitions */
@font-face
{font-family:Helvetica;
panose-1:2 11 6 4 2 2 2 2 2 4;}
@font-face
{font-family:Wingdings;
panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:Verdana;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:Calibri;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{color:purple;
text-decoration:underline;}
p
{mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman";}
p.msolistparagraph, li.msolistparagraph, div.msolistparagraph
{margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:36.0pt;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
span.EmailStyle20
{mso-style-type:personal;
font-family:Arial;
color:#1F497D;}
span.EmailStyle21
{mso-style-type:personal-reply;
font-family:Verdana;
color:blue;
font-weight:normal;
font-style:normal;
text-decoration:none none;}
@page Section1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.Section1
{page:Section1;}
/* List Definitions */
@list l0
{mso-list-id:1480921529;
mso-list-type:hybrid;
mso-list-template-ids:121668148 1708298162 67698691 67698693 67698689 67698691 67698693 67698689 67698691 67698693;}
@list l0:level1
{mso-level-start-at:0;
mso-level-number-format:bullet;
mso-level-text:\F0D8;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;
font-family:Wingdings;
mso-fareast-font-family:Calibri;
mso-bidi-font-family:"Times New Roman";}
@list l0:level2
{mso-level-tab-stop:72.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level3
{mso-level-tab-stop:108.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level4
{mso-level-tab-stop:144.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level5
{mso-level-tab-stop:180.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level6
{mso-level-tab-stop:216.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level7
{mso-level-tab-stop:252.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level8
{mso-level-tab-stop:288.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level9
{mso-level-tab-stop:324.0pt;
mso-level-number-position:left;
text-indent:-18.0pt;}
ol
{margin-bottom:0cm;}
ul
{margin-bottom:0cm;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-GB link=blue vlink=purple style='word-wrap: break-word;
-khtml-nbsp-mode: space;-khtml-line-break: after-white-space'>
<div class=Section1>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'>I really like the way it works too, and
it falls back fine easily with no JS.<o:p></o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'>Any way of tweaking the tween/animation/scroll
so it eases in/out?<o:p></o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'>Here’s my newbie jQuery site > <a
href="http://www.tobybrancher.net/">www.tobybrancher.net</a> it’s the first
time I have used it and definitely needs some work (been reading up on the href
comments made here although nothing yet about clearing the focus).<o:p></o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'>Nice1 again!<o:p></o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'>Toby<o:p></o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'><o:p> </o:p></span></font>
<div>
<div class=MsoNormal align=center style='text-align:center'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'>
<hr size=2 width="100%" align=center tabindex=-1>
</span></font></div>
<p class=MsoNormal><b><font size=2 face=Tahoma><span lang=EN-US
style='font-size:10.0pt;font-family:Tahoma;font-weight:bold'>From:</span></font></b><font
size=2 face=Tahoma><span lang=EN-US style='font-size:10.0pt;font-family:Tahoma'>
discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] <b><span
style='font-weight:bold'>On Behalf Of </span></b>Rick Faircloth
<b><span style='font-weight:bold'>Sent:</span></b> 17 February 2007 16:42
<b><span style='font-weight:bold'>To:</span></b> '<st1:PersonName w:st="on">jQuery
Discussion.</st1:PersonName>'
<b><span style='font-weight:bold'>Subject:</span></b> Re: [jQuery] jQuery
Powered Sites - Keep the Links Coming</span></font><span lang=EN-US><o:p></o:p></span>
</div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><o:p> </o:p></span></font>
<p class=msolistparagraph style='text-indent:-18.0pt;mso-list:l0 level1 lfo2'><![if !supportLists]><font
size=2 color="#1f497d" face=Wingdings><span lang=EN-US style='font-size:10.0pt;
font-family:Wingdings;color:#1F497D'><span style='mso-list:Ignore'>Ø<font
size=1 face="Times New Roman"><span style='font:7.0pt "Times New Roman"'>      
</span></font></span></span></font><![endif]><span lang=EN-US>seems much better
than the default "quick jump"</span><font size=2 color="#1f497d"
face=Arial><span lang=EN-US style='font-size:10.0pt;font-family:Arial;
color:#1F497D'><o:p></o:p></span></font>
<p class=msolistparagraph style='text-indent:-18.0pt;mso-list:l0 level1 lfo2'><![if !supportLists]><font
size=2 color="#1f497d" face=Wingdings><span lang=EN-US style='font-size:10.0pt;
font-family:Wingdings;color:#1F497D'><span style='mso-list:Ignore'>Ø<font
size=1 face="Times New Roman"><span style='font:7.0pt "Times New Roman"'>      
</span></font></span></span></font><![endif]><span lang=EN-US>because of the
"disorienting sudden change" that you mention.</span><font size=2
color="#1f497d" face=Arial><span lang=EN-US style='font-size:10.0pt;font-family:
Arial;color:#1F497D'><o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span lang=EN-US
style='font-size:10.0pt;font-family:Arial;color:#1F497D'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span lang=EN-US
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>Absolutely true,
Karl.  The biggest problem with those new to the Internet<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span lang=EN-US
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>(and, yes, there are
such people still around) is the “jumping around”… between<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span lang=EN-US
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>pages, from one part
of the page to the other with anchors, etc.  I remember<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span lang=EN-US
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>the first time I used
the Internet…my initial response was that it was “very”<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span lang=EN-US
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>disconcerting...one
click and instantly everything on the screen was changed,<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span lang=EN-US
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>especially with an
anchor.<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span lang=EN-US
style='font-size:10.0pt;font-family:Arial;color:#1F497D'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span lang=EN-US
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>It took awhile to get
used to the freedom to move virtually anywhere on the ‘Net<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span lang=EN-US
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>in an instant. 
The smooth scroll effect will make anchors usable for me.  Smooth<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span lang=EN-US
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>changes in page
content or orientation help people know where they are in relation<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span lang=EN-US
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>to where they’ve
been.<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span lang=EN-US
style='font-size:10.0pt;font-family:Arial;color:#1F497D'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span lang=EN-US
style='font-size:10.0pt;font-family:Arial;color:#1F497D'>Rick<o:p></o:p></span></font>
<p class=MsoNormal><font size=2 color="#1f497d" face=Arial><span lang=EN-US
style='font-size:10.0pt;font-family:Arial;color:#1F497D'><o:p> </o:p></span></font>
<div>
<div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0cm 0cm 0cm'>
<p class=MsoNormal style='margin-left:36.0pt'><b><font size=2 face=Tahoma><span
lang=EN-US style='font-size:10.0pt;font-family:Tahoma;font-weight:bold'>From:</span></font></b><font
size=2 face=Tahoma><span lang=EN-US style='font-size:10.0pt;font-family:Tahoma'>
discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] <b><span
style='font-weight:bold'>On Behalf Of </span></b>Karl Swedberg
<b><span style='font-weight:bold'>Sent:</span></b> Saturday, February 17, 2007
9:55 AM
<b><span style='font-weight:bold'>To:</span></b> <st1:PersonName w:st="on">jQuery
Discussion.</st1:PersonName>
<b><span style='font-weight:bold'>Subject:</span></b> Re: [jQuery] jQuery
Powered Sites - Keep the Links Coming<o:p></o:p></span></font>
</div>
</div>
<p class=MsoNormal style='margin-left:36.0pt'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'><o:p> </o:p></span></font>
<div>
<div>
<p class=MsoNormal style='margin-left:36.0pt'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'>On Feb 17,
2007, at 8:46 AM, Joel Birch wrote:<o:p></o:p></span></font>
</div>
<p class=MsoNormal style='margin-left:36.0pt'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'>
<o:p></o:p></span></font>
<p style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:0cm;margin-left:
36.0pt;margin-bottom:.0001pt'><font size=1 face=Helvetica><span lang=EN-US
style='font-size:9.0pt;font-family:Helvetica'>Thanks Rick, all credit for the
smooth scroll goes to Stefan Petre, <span class=apple-converted-space> </span></span></font><span
lang=EN-US><o:p></o:p></span>
<p style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:0cm;margin-left:
36.0pt;margin-bottom:.0001pt'><font size=1 face=Helvetica><span lang=EN-US
style='font-size:9.0pt;font-family:Helvetica'>of course. I like using it over a
regular in-page link because it <span class=apple-converted-space> </span></span></font><span
lang=EN-US><o:p></o:p></span>
<p style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:0cm;margin-left:
36.0pt;margin-bottom:.0001pt'><font size=1 face=Helvetica><span lang=EN-US
style='font-size:9.0pt;font-family:Helvetica'>gives the user a sense of how
they got there rather than a <span class=apple-converted-space> </span></span></font><span
lang=EN-US><o:p></o:p></span>
<p style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:0cm;margin-left:
36.0pt;margin-bottom:.0001pt'><font size=1 face=Helvetica><span lang=EN-US
style='font-size:9.0pt;font-family:Helvetica'>disorienting sudden change. Glad
you like the site Rick.</span></font><span lang=EN-US><o:p></o:p></span>
<p style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:0cm;margin-left:
36.0pt;margin-bottom:.0001pt;min-height: 14.0px'><font size=1 face=Helvetica><span
lang=EN-US style='font-size:9.0pt;font-family:Helvetica'><o:p> </o:p></span></font>
<p style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:0cm;margin-left:
36.0pt;margin-bottom:.0001pt'><font size=1 face=Helvetica><span lang=EN-US
style='font-size:9.0pt;font-family:Helvetica'>Joel.</span></font><span
lang=EN-US><o:p></o:p></span>
</div>
<p class=MsoNormal style='margin-left:36.0pt'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'><o:p> </o:p></span></font>
<div>
<p class=MsoNormal style='margin-left:36.0pt'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'>I love this
smooth scroll, too, and have used it on a few of my own sites. (Thanks,
Stefan!) It's one of those effects that is more than just eye candy. <o:p></o:p></span></font>
</div>
<div>
<p class=MsoNormal style='margin-left:36.0pt'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'><o:p> </o:p></span></font>
</div>
<div>
<p class=MsoNormal style='margin-left:36.0pt'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'>I'd love to
hear Klaus's take on this, or any other usability guru out there, but to me the
smooth scroll seems much better than the default "quick jump" because
of the "disorienting sudden change" that you mention.<o:p></o:p></span></font>
</div>
<div>
<p class=MsoNormal style='margin-left:36.0pt'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'><o:p> </o:p></span></font>
</div>
<div>
<p class=MsoNormal style='margin-left:36.0pt'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'><o:p> </o:p></span></font>
</div>
<div>
<p class=MsoNormal style='margin-left:36.0pt'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'>--Karl<o:p></o:p></span></font>
</div>
<div>
<p class=MsoNormal style='margin-left:36.0pt'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'>_________________<o:p></o:p></span></font>
</div>
<div>
<p class=MsoNormal style='margin-left:36.0pt'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'>Karl Swedberg<o:p></o:p></span></font>
</div>
<div>
<p class=MsoNormal style='margin-left:36.0pt'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'>www.englishrules.com<o:p></o:p></span></font>
</div>
<div>
<p class=MsoNormal style='margin-left:36.0pt'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'>www.learningjquery.com<o:p></o:p></span></font>
</div>
<div>
<p class=MsoNormal style='margin-left:36.0pt'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'><o:p> </o:p></span></font>
</div>
<div>
<p class=MsoNormal style='margin-left:36.0pt'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'><o:p> </o:p></span></font>
</div>
</div>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/