Comments on: jQuery Tip: Quick and Easy Font Resizing http://dev-tips.com/featured/jquery-tip-quick-and-easy-font-resizing Become a Better Developer, One Tip at a Time. Tue, 27 Sep 2011 18:42:19 +0000 hourly 1 http://wordpress.org/?v= By: silviu http://dev-tips.com/featured/jquery-tip-quick-and-easy-font-resizing#comment-2022 silviu Wed, 29 Jun 2011 17:52:24 +0000 http://dev-tips.com/?p=68#comment-2022 You are good man! Thanks for your tips. I learning php and I need tools and tips from people like you! Thanks! You are good man! Thanks for your tips. I learning php and I need tools and tips from people like you! Thanks!

]]> By: Rob http://dev-tips.com/featured/jquery-tip-quick-and-easy-font-resizing#comment-1983 Rob Mon, 14 Mar 2011 20:33:05 +0000 http://dev-tips.com/?p=68#comment-1983 Great tute Drew. I have 2 questions. Let's say I wanted to limit the sizing to a max number, say 18px; how would I do that? And my second questions is I tried to see if I would ad multiple elements like "var ourText = $('p, h2');" What happened was when I clicked the large button, the text on both the p, and h2 jumped down a size before it got bigger. How can I fix these two issues? I'm working on a project today and I would love to implement this. Thanks Rob Great tute Drew. I have 2 questions. Let’s say I wanted to limit the sizing to a max number, say 18px; how would I do that?

And my second questions is I tried to see if I would ad multiple elements like “var ourText = $(‘p, h2′);”

What happened was when I clicked the large button, the text on both the p, and h2 jumped down a size before it got bigger. How can I fix these two issues?

I’m working on a project today and I would love to implement this.

Thanks
Rob

]]> By: About Me Site http://dev-tips.com/featured/jquery-tip-quick-and-easy-font-resizing#comment-1858 About Me Site Mon, 06 Sep 2010 13:49:49 +0000 http://dev-tips.com/?p=68#comment-1858 [...] making it easy to link to a specific page. Then i added some jquery animated font resizing using THIS LINK as a resource. And finally i added a print button in my #menu. Tagged with: .me • about [...] [...] making it easy to link to a specific page. Then i added some jquery animated font resizing using THIS LINK as a resource. And finally i added a print button in my #menu. Tagged with: .me • about [...]

]]> By: cakka http://dev-tips.com/featured/jquery-tip-quick-and-easy-font-resizing#comment-1781 cakka Fri, 21 May 2010 03:18:40 +0000 http://dev-tips.com/?p=68#comment-1781 hi drew thanks for this tutorial, this is very helpfull for me.. hi drew thanks for this tutorial, this is very helpfull for me..

]]> By: Marcino http://dev-tips.com/featured/jquery-tip-quick-and-easy-font-resizing#comment-1764 Marcino Wed, 21 Apr 2010 13:05:27 +0000 http://dev-tips.com/?p=68#comment-1764 hi, my js knowledge is close to 0... how will i use this script for multiple tags? eg. P and A thank you! hi, my js knowledge is close to 0… how will i use this script for multiple tags? eg. P and A
thank you!

]]> By: Marcino http://dev-tips.com/featured/jquery-tip-quick-and-easy-font-resizing#comment-1763 Marcino Wed, 21 Apr 2010 11:13:15 +0000 http://dev-tips.com/?p=68#comment-1763 Brilliant. Thank you! Brilliant. Thank you!

]]> By: Durkin http://dev-tips.com/featured/jquery-tip-quick-and-easy-font-resizing#comment-1732 Durkin Tue, 30 Mar 2010 15:39:51 +0000 http://dev-tips.com/?p=68#comment-1732 Hey man, this example worked fine in your demo but when I applied it to my site it only changed the font size in my footer. Is there any chance you could take a look at the site I'm working on and see what's going wrong? It won't resize the main text. Thanks very much http://chesterbookbinding.co.uk I've added the code on the index.html file. Hey man, this example worked fine in your demo but when I applied it to my site it only changed the font size in my footer. Is there any chance you could take a look at the site I’m working on and see what’s going wrong? It won’t resize the main text.

Thanks very much

http://chesterbookbinding.co.uk

I’ve added the code on the index.html file.

]]> By: Andrew Beck http://dev-tips.com/featured/jquery-tip-quick-and-easy-font-resizing#comment-1722 Andrew Beck Thu, 18 Mar 2010 19:17:16 +0000 http://dev-tips.com/?p=68#comment-1722 Same here... slightly annoying... Same here… slightly annoying…

]]> By: Andrew Beck http://dev-tips.com/featured/jquery-tip-quick-and-easy-font-resizing#comment-1721 Andrew Beck Thu, 18 Mar 2010 19:15:58 +0000 http://dev-tips.com/?p=68#comment-1721 Had the same issue. This is how I solved it: <code> $('input').click(function(){ var ourText = $('p'); var currLineHeight = ourText.css('lineHeight'); var finalNum = parseFloat(currLineHeight, 10); var stringEnding = currLineHeight.slice(-2); if(this.id == 'large') { finalNum *= 1.2; } else if (this.id == 'small'){ finalNum /=1.2; } ourText.animate({lineHeight: finalNum + stringEnding},300); }); </code> Had the same issue. This is how I solved it:

$('input').click(function(){
var ourText = $('p');
var currLineHeight = ourText.css('lineHeight');
var finalNum = parseFloat(currLineHeight, 10);
var stringEnding = currLineHeight.slice(-2);
if(this.id == 'large') {
finalNum *= 1.2;
}
else if (this.id == 'small'){
finalNum /=1.2;
}
ourText.animate({lineHeight: finalNum + stringEnding},300);
});

]]> By: Smartness http://dev-tips.com/featured/jquery-tip-quick-and-easy-font-resizing#comment-1543 Smartness Sat, 16 Jan 2010 09:49:20 +0000 http://dev-tips.com/?p=68#comment-1543 Two questions! 1. How about resetting the text to original size? 2. Adding more line-height when text gets larger. Two questions!

1. How about resetting the text to original size?

2. Adding more line-height when text gets larger.

]]>