homepage Welcome to WebmasterWorld Guest from 54.163.91.250
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
How cool is this!
Large print
Adam5000




msg:4529834
 7:41 am on Dec 20, 2012 (gmt 0)

Long live CSS!

I write fiction stories, and I've got a website I publish them on. And, a few months ago, I got a request to make the text bigger, to make it easier to read, for those who don't have their reading glasses handy.

So I made a copy of the entire site, and then, by changing only two lines in the main external style sheet, I created over 200 pages of large print edition all in one swoop.

How cool is that!

 

lucy24




msg:4529844
 9:22 am on Dec 20, 2012 (gmt 0)

for those who don't have their reading glasses handy

... and whose browsers don't have a Zoom Text option and/or a preference setting for font size?

:: trying hard to avoid ugly but inescapable suspicion ::

jecasc




msg:4529854
 10:41 am on Dec 20, 2012 (gmt 0)


So I made a copy of the entire site, and then, by changing only two lines in the main external style sheet, I created over 200 pages of large print edition all in one swoop.


If you want to do your readers an even bigger favor do this:

Add a big A++ Button on the website. When they click on it display the following message:

Please use the following buttons to change the size of any website:

<CTRL> <+> to increase size
<CTRL> <-> to decrease size
<CTRL> <0> to display original size

This way they will have learned something they can use everywhere.

Rosalind




msg:4529870
 11:55 am on Dec 20, 2012 (gmt 0)

Making a copy of the entire site is pointless, and bad for SEO. What you need is a stylesheet switcher. You'll find loads of code examples online. The advantage over jecasc's solution is, apart from not demanding that your visitors think for themselves, you can add high-contrast styles, fonts that are chosen for their legibility, and a design that's optimised for someone with poor fine motor control.

bhonda




msg:4529886
 12:54 pm on Dec 20, 2012 (gmt 0)

Back to the OP's sentiment,

Long live CSS!

Even if the reasons why the change was made may be questionable, the fact still stands that when CSS is used properly, with proper markup, major site-wide changes can be made with the minimum amount of effort.

I like that.

Adam5000




msg:4530555
 5:47 am on Dec 23, 2012 (gmt 0)

Well. I learn something new every day.

lucy. I'm not sure what a zoom text option is, but it sounds cool.

jecasc. Your idea sounds cool too, and it's quick and easy for a reader to do. I'll see if I can work it in somewhere.

Rosalind. I didn't know stylesheet switchers existed, but that sounds like a good idea too. I don't have time to figure it out right now, but it sounds good for later.

bhonda. Thanks for your input too.


If you get a chance, drop by and read my stories. Valentine story coming out Feb 1.

not2easy




msg:4530605
 1:25 pm on Dec 23, 2012 (gmt 0)

I'm not sure what a zoom text option is, but it sounds cool.
Many browsers offer a Zoom function these days. On Firefox you click VIEW and then choose Zoom, on Safari you click VIEW and then choose Zoom In or Zoom, Text Only. MSIE probably has a similar feature.
drhowarddrfine




msg:4530608
 1:46 pm on Dec 23, 2012 (gmt 0)

@not2easy. On all browsers, just hold down ctl and scroll your mouse wheel.

not2easy




msg:4530612
 1:51 pm on Dec 23, 2012 (gmt 0)

This is true, but it assumes you are using a mouse.

pzin




msg:4530779
 1:27 pm on Dec 24, 2012 (gmt 0)

You can use control and plus to zoom it, control and minus to zoom out, and control and zero for default size.

On a mac the same thing, just using &#8984; instead of control.

pzin




msg:4530780
 1:27 pm on Dec 24, 2012 (gmt 0)

&#8984; was command key.

lucy24




msg:4530784
 1:40 pm on Dec 24, 2012 (gmt 0)

Two different things.

There are system-wide zooms, and there's the Zoom menu item within the browser. Some browsers zoom everything; some have an option for Zoom Text Only. Kinda the equivalent of setting a bigger default font-- except that Zoom Text will override the site's font-size settings.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved