Re: Style switcher / font resizer
Hi Kaste,
On Jan 31, 9:53 pm, Kaste [EMAIL PROTECTED] wrote:
On Jan 29, 3:59 am, Kaste [EMAIL PROTECTED] wrote:
define css:
body{font-size: 14px} // = that's your original-100%-size
That is potentially not a very good idea, and it's interesting that
it's mentioned as part of an accessibility type question.
Setting font sizes in any absolute unit is generally a bad idea - can
mean that the browsers own resizing stuff doesn't work (older
browsers, granted). It is generally a much better idea to use relative
are we speaking of an ajaxified webpage optimized for netscape4?
Not really.
I'm by no means a usabiilty expert, but this is still surprisingly
relavent on some sites: http://style.cleverchimp.com/font_size/points/
font_wars.GIF.
If you use virtually any version of IE (I think they fixed this in 7,
but haven't specifically checked), using px/pt will override the users
choice and give them the px/pt the site has specified. What I was
talking about is not adding extra steps for users that want their own
text size and ensuring there is still an experience to be had for
those that don't have js.
An example to clarify: PC IE 6 User wants big text on their larger
monitor with their beedy eyes so they set the browser to display
everything bigger via the view-text size-biggest; all looks good on
the google home page; the news is readable; they follow a link to a
site with the text defined in px/pt, they briefly look around for some
kind of button thing to make the text bigger don't see one and so with
a sigh they go somewhere else. The looking for the form should not
have been necessary at all, and even if it's present it's an annoyance
to have the discontinuity for fhe user. Try it on the secion508 site.
units for all font defenitions either ems or % Ref:http://www.w3.org/
TR/WCAG10-CSS-TECHS/#units
btw, what would be 100%/1.0em in the body/root?
The browser default, unless the user overrode that by setting it
bigger. I found this for reference http://www.maxdesign.com.au/
presentation/relative.
HTH,
AD7six
Please note:
The manual/bakery is a good place to start any quest for info.
You may get your answer quicker by asking on
the IRC Channel (you can access it with just a browser
here:http://irc.cakephp.org).
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups Cake
PHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/cake-php?hl=en
-~--~~~~--~~--~--~---
Re: Style switcher / font resizer
define css:
body{font-size: 14px} // = that's your original-100%-size
That is potentially not a very good idea, and it's interesting that
it's mentioned as part of an accessibility type question.
Setting font sizes in any absolute unit is generally a bad idea - can
mean that the browsers own resizing stuff doesn't work (older
browsers, granted). It is generally a much better idea to use relative
are we speaking of an ajaxified webpage optimized for netscape4?
units for all font defenitions either ems or % Ref: http://www.w3.org/
TR/WCAG10-CSS-TECHS/#units
btw, what would be 100%/1.0em in the body/root?
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups Cake
PHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/cake-php?hl=en
-~--~~~~--~~--~--~---
Re: Style switcher / font resizer
On Jan 29, 3:59 am, Kaste [EMAIL PROTECTED] wrote:
define css:
body{font-size: 14px} // = that's your original-100%-size
That is potentially not a very good idea, and it's interesting that
it's mentioned as part of an accessibility type question.
Setting font sizes in any absolute unit is generally a bad idea - can
mean that the browsers own resizing stuff doesn't work (older
browsers, granted). It is generally a much better idea to use relative
are we speaking of an ajaxified webpage optimized for netscape4?
units for all font defenitions either ems or % Ref: http://www.w3.org/
TR/WCAG10-CSS-TECHS/#units
btw, what would be 100%/1.0em in the body/root?
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups Cake
PHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/cake-php?hl=en
-~--~~~~--~~--~--~---
Re: Style switcher / font resizer
Hi All,
Although not particularly a Cakey question..
On Jan 29, 3:59 am, Kaste [EMAIL PROTECTED] wrote:
define css:
body{font-size: 14px} // = that's your original-100%-size
That is potentially not a very good idea, and it's interesting that
it's mentioned as part of an accessibility type question.
Setting font sizes in any absolute unit is generally a bad idea - can
mean that the browsers own resizing stuff doesn't work (older
browsers, granted). It is generally a much better idea to use relative
units for all font defenitions either ems or % Ref: http://www.w3.org/
TR/WCAG10-CSS-TECHS/#units
Also interesting that section508.gov's website uses px to define font
sizes, although they do provide a means of changing the font size that
would work without js.
But, isn't that a lot of work when in most browsers you can change the
font size or switch to alternate css at will :) ? Ok it's not that
much work, and changing style can be nice at the click of a (web)
button, but even so :D?
Cheers,
AD7six
Please note:
The manual/bakery is a good place to start any quest for info.
You may get your answer quicker by asking on
the IRC Channel (you can access it with just a browser
here:http://irc.cakephp.org).
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups Cake
PHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/cake-php?hl=en
-~--~~~~--~~--~--~---
Re: Style switcher / font resizer
The reason is that the client wants it and the target audience is not
internet savvy. A nice obvious set of buttons on the page is what they
want. The original question was really how do I do this in cake in a
nice simple way? Could I put it in default.thtml?
On 31 Jan, 08:28, AD7six [EMAIL PROTECTED] wrote:
Hi All,
Although not particularly a Cakey question..
On Jan 29, 3:59 am, Kaste [EMAIL PROTECTED] wrote:
define css:
body{font-size: 14px} // = that's your original-100%-size
That is potentially not a very good idea, and it's interesting that
it's mentioned as part of an accessibility type question.
Setting font sizes in any absolute unit is generally a bad idea - can
mean that the browsers own resizing stuff doesn't work (older
browsers, granted). It is generally a much better idea to use relative
units for all font defenitions either ems or % Ref:http://www.w3.org/
TR/WCAG10-CSS-TECHS/#units
Also interesting that section508.gov's website uses px to define font
sizes, although they do provide a means of changing the font size that
would work without js.
But, isn't that a lot of work when in most browsers you can change the
font size or switch to alternate css at will :) ? Ok it's not that
much work, and changing style can be nice at the click of a (web)
button, but even so :D?
Cheers,
AD7six
Please note:
The manual/bakery is a good place to start any quest for info.
You may get your answer quicker by asking on
the IRC Channel (you can access it with just a browser
here:http://irc.cakephp.org).
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups Cake
PHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/cake-php?hl=en
-~--~~~~--~~--~--~---
Re: Style switcher / font resizer
On Jan 31, 10:58 am, lukemack [EMAIL PROTECTED] wrote: The reason is that the client wants it and the target audience is not internet savvy. A nice obvious set of buttons on the page is what they want. The original question was really how do I do this in cake in a nice simple way? Could I put it in default.thtml? Valid reasons of course, and I wasn't trying to suggest that there is no point in doing what you want to do (I was pretty much expecting client requirement). If you put some buttons in your layout/header, they will always be present, If you check for the presence of a cookie and adjust the screen size on loading, you can allow for users to save their prefered size If part of your js action saves to the cookie you solve the problem of continuity If you provide a js-free fall back you have all bases covered. You could include some info like this btw: http://www.w3.org/WAI/ changedesign.html#alldoit HTH, AD7six Please note: The manual/bakery is a good place to start any quest for info. You may get your answer quicker by asking on the IRC Channel (you can access it with just a browser here:http://irc.cakephp.org). --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Cake PHP group. To post to this group, send email to cake-php@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/cake-php?hl=en -~--~~~~--~~--~--~---
Re: Style switcher / font resizer
thanks. not sure i understand this bit though:
make a ajax call to /ajax/options/set/fontsize:16px/ or something
like
that
where would i make this call and which var are you talking about?
On 29 Jan, 02:59, Kaste [EMAIL PROTECTED] wrote:
thanks. i'm looking to update all textual content on the page at once.
if i have the font resizer buttons in my layout file, what would be the
best way of targetting the dynamically generated content from my cms/
blog / etc?
obviously, i would want to avoid having to manually script every html
element on every page. Wouls this be a case for helpers?thats mainly a
css-thing and feature.
define css:
body{font-size: 14px} // = that's your original-100%-size
p{font-size: 1.1em} // relative font-sizes
h1{font-size: 1.4em}
then change the root-font-size, and the children-elemements should
follow accordingly.
a id=font-inc+/aa id=font-dec-/a
using jQuery: (dont know prototype)
$('#font-inc').click(function(){$('body').css('font-size','16px')});
$('#font-dec').click(function(){$('body').css('font-size','12px')});
make a ajax call to /ajax/options/set/fontsize:16px/ or something like
that
and save the var in your session/user-db
so the changes will be permanent
ok, just an idea, code not tested.
main thing is to write css that uses a good mix of absolute and relative
sizes.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups Cake
PHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/cake-php?hl=en
-~--~~~~--~~--~--~---
Re: Style switcher / font resizer
thanks. not sure i understand this bit though: make a ajax call to /ajax/options/set/fontsize:16px/ or something like that problem is (when using a javascript-only solution) that on the next page-refresh the settings will be lost. so you have somehow to inform your app about the font-size the user preferred. so i suggested a options-controller, that will save the settings in the session, a cookie and/or the database for later use. and since you dont want a page-refresh when changing the fontsize you have to use an ajax-call (that will return nothing, just post AKA save the user-preferences). --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Cake PHP group. To post to this group, send email to cake-php@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/cake-php?hl=en -~--~~~~--~~--~--~---
Re: Style switcher / font resizer
Out of curiosity, what's the point? The browser already has font resizing built-in. I would think that anyone with the need to increase the font size would know about it. On Jan 30, 1:25 pm, Kaste [EMAIL PROTECTED] wrote: thanks. not sure i understand this bit though: make a ajax call to /ajax/options/set/fontsize:16px/ or something like that problem is (when using a javascript-only solution) that on the next page-refresh the settings will be lost. so you have somehow to inform your app about the font-size the user preferred. so i suggested a options-controller, that will save the settings in the session, a cookie and/or the database for later use. and since you dont want a page-refresh when changing the fontsize you have to use an ajax-call (that will return nothing, just post AKA save the user-preferences). --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Cake PHP group. To post to this group, send email to cake-php@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/cake-php?hl=en -~--~~~~--~~--~--~---
Re: Style switcher / font resizer
On 1/30/07, dkarlson [EMAIL PROTECTED] wrote: Out of curiosity, what's the point? The browser already has font resizing built-in. I would think that anyone with the need to increase the font size would know about it. I dunno. I can see it being an easy way to adjust the contents of your page to your browser window. Not everyone wants to go into their browser settings and resize fonts. I'd like to know why lukemack needs it... -- Chris Hartjes My motto for 2007: Just build it, damnit! rallyhat.com - digitial photo scavenger hunt @TheBallpark - http://www.littlehart.net/attheballpark @TheKeyboard - http://www.littlehart.net/atthekeyboard --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Cake PHP group. To post to this group, send email to cake-php@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/cake-php?hl=en -~--~~~~--~~--~--~---
Re: Style switcher / font resizer
On 1/30/07, dkarlson [EMAIL PROTECTED] wrote: Out of curiosity, what's the point? The browser already has font resizing built-in. I would think that anyone with the need to increase the font size would know about it. I dunno. I can see it being an easy way to adjust the contents of your page to your browser window. Not everyone wants to go into their browser settings and resize fonts. ctrl-mouswheel works in most browsers as zoom-in-out these days. on the other side there could be a need to guess/read the actual font-size the user has chosen (in his browser + zoom) to rearrange the layout via css. blah, blah you never know. just send whatyouwant via ajax ;-) isnt there a red/black skin-toggle-button-thing on last.fm? I'd like to know why lukemack needs it... Just build it, damnit! ;-) --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Cake PHP group. To post to this group, send email to cake-php@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/cake-php?hl=en -~--~~~~--~~--~--~---
Re: Style switcher / font resizer
thanks. i'm looking to update all textual content on the page at once.
if i have the font resizer buttons in my layout file, what would be the
best way of targetting the dynamically generated content from my cms/
blog / etc?
obviously, i would want to avoid having to manually script every html
element on every page. Wouls this be a case for helpers?
thats mainly a css-thing and feature.
define css:
body{font-size: 14px} // = that's your original-100%-size
p{font-size: 1.1em} // relative font-sizes
h1{font-size: 1.4em}
then change the root-font-size, and the children-elemements should
follow accordingly.
a id=font-inc+/aa id=font-dec-/a
using jQuery: (dont know prototype)
$('#font-inc').click(function(){$('body').css('font-size','16px')});
$('#font-dec').click(function(){$('body').css('font-size','12px')});
make a ajax call to /ajax/options/set/fontsize:16px/ or something like
that
and save the var in your session/user-db
so the changes will be permanent
ok, just an idea, code not tested.
main thing is to write css that uses a good mix of absolute and relative
sizes.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups Cake
PHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/cake-php?hl=en
-~--~~~~--~~--~--~---
Re: Style switcher / font resizer
thanks. i'm looking to update all textual content on the page at once.
if i have the font resizer buttons in my layout file, what would be the
best way of targetting the dynamically generated content from my cms/
blog / etc?
obviously, i would want to avoid having to manually script every html
element on every page. Wouls this be a case for helpers?
On 26 Jan, 04:58, Jonathon Davis [EMAIL PROTECTED] wrote:
You should be able to do this with just prototype.js unless you want it
to have an effect on it while it is resizing the font.
http://www.prototypejs.org/api/element/methods/
getStyle and setStyle are the ones you should concern yourself with.
script
$('element').setStyle({
'font-size': getStyle('font-size') + 4
});
/script
Or something to that effect.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups Cake
PHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/cake-php?hl=en
-~--~~~~--~~--~--~---
Re: Style switcher / font resizer
You should be able to do this with just prototype.js unless you want it
to have an effect on it while it is resizing the font.
http://www.prototypejs.org/api/element/methods/
getStyle and setStyle are the ones you should concern yourself with.
script
$('element').setStyle({
'font-size': getStyle('font-size') + 4
});
/script
Or something to that effect.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups Cake
PHP group.
To post to this group, send email to cake-php@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/cake-php?hl=en
-~--~~~~--~~--~--~---
