General TC > Programming & Scripting - Unofficial

Enhancing Readability of Webpages

(1/6) > >>

Nathan_SR:

Hi Curaga,

While browsing the internet for website designs, over the weekend, I noticed that quite a few sites, were using a highly fine tuned and readable webpages. I looked into their css file settings and discovered that, we could use those css settings too, for making our webpages look better and readable for a longer time.

I have fined tuned our tiny.css file and enclosed them herewith for your perusal and feedback.

The four files that I am enclosing herewith, are as follows :

1. Enhanced_Pages.zip contains a folder with all the Tiny Core Main Webpages and the improved css file. Just extract this zip file and browse the index.html first and then navigate to further files using its bar on the top. Ignore any __MACOSX folder, if found in the zip file.

Hope our Viewers will find this improved version, highly readable and reducing Eye/Neck Strain, due to proper alignments set now.

2. Modified_Files.zip contains the new and old versions of tiny.css file for diff comparision ( use easier visual diff editors like meld etc. ) and then merge them with the original.

Also contains concepts.html which had to be fixed for missing <p> tags at many places.

and downloads.html which had to be fixed for proper alignment, to match the rest of the pages.

3. I have also enclosed a couple of jpg files, which gives a glimpse of readable website designs, obtained from the internet. I used them for a few settings in the css file.

4. I wish that somebody in this forum joins us, in tweaking the Wiki Page's css file as well, on similar lines, which will enable users a comfortable read of the large wiki pages, for lengthy period of time.

P.S. I have tested these new pages on the Fifth Browser as well for readability.

curaga:
It does look better, though the fonts are slightly too large for my taste. Juanito, bmarkus, can you take a look as well?

There's one issue with the new css, it makes subnews.html be wider than the browser window.

Nathan_SR:
Hi Curaga,

I chose 16px size based on a recommendation on a site for readability. But, we can easily adjust that, based on what you all agree together ( please specify pixel size of your choice after testing ). Also, subnews iframe size can be adjusted as well to fit the page width.

Regards,

Nathan SR

Juanito:
I also think the fonts are too big

Nathan_SR:

Hi Curaga,

Now the tiny.css is further adjusted for font sizes and subnews frame size and enclosed herewith. Please substitute this file, in your unzipped folder and check again. Thanks.

Regards,

Nathan SR

Navigation

[0] Message Index

[#] Next page