You need to Register for free and Login to post a message in the forum.

Forum

Forums > Users Lounge > Everything Else
Subject: Font Type Size Ideas
Prev Next
You are not authorized to post a reply.

Author Messages
DavidWSnow
DNN Creative Magazine Subscriber
Nuke Master
Nuke Master
Posts:124
14 Feb 2008 12:39 PM  
I have been looking at tools, code and lectures from Yahoo's performance and User Interface groups.  They have a set of CSS and JS called YUI library that is public and is what Yahoo uses to make its pages. 

I was even thinking about making a skin that used some of it, but changed my mind.

One thing I did learn and have put into use on my skins now, is that Yahoo thinks like us and wants users to be able to change font sizes. They have done a good deal of research into the "right sizes."  They set the base size to what they believe is 13px using the "small" or browser specific setting - but not using pixels! Then every thing is set in percentages, but using very specific numbers that they have determined work the best withing a wide range of browsers.

10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 108%
16px = 123.1%
17px = 131%
18% = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px =182%

What prompted me from using some of thier layout is a skin what that they set the widths of columns in "ems" in many cases. In these cases they use the "holy hack" to override the firefox setting with the IE setting in 100's of places. The resulting CSS code doesn't comply with W3C

However I suspect that my titles and headings will display better on a wider range of browseres as a result of using these percentages.

/DaveS
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3304
15 Feb 2008 2:38 AM  
Interesting, yes I want to spend some time having a look around the YUI library. - interesting they have opted for the Holly hack, I thought they would have implemented a nice way of managing their hacks - well, let us know how you get on in your experiments.

Cheers,
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
DavidWSnow
DNN Creative Magazine Subscriber
Nuke Master
Nuke Master
Posts:124
15 Feb 2008 9:34 AM  
There were several things that made me lose interest in doing more with the YUI library.
  • There CSS fails W3C
  • There HTML is only 4.0 and fails W3C
  • There grid templates and classes rely on "ems" for column and page widths and to make the widths for IE and "the rest" the same they have the holy hack in a 1000 places.
  • You couldn't easily use the grids in a DNN skin.
The three things that I did walk away with were the font sizes and the f"ixed column widths" for their layouts that are sized to work with national advertising sizes, and their "reset" which appeared to cover a few items mine didn't.

This was not what I had hoped for.  Hope that you are able to find more in it.
/Dave
You are not authorized to post a reply.
Forums > Users Lounge > Everything Else > Font Type Size Ideas


ActiveForums 3.7

Latest Forum Posts

RE: EasyCGI help? by Dr Joe
I'll let you know how it works out. I think I opened up about 6 tickets with them so far. ...
RE: EasyCGI help? by derpir
Hi Joe amazing to say the least! I will change host to PowerDNN as soon as possible, seems to me t...
RE: EasyCGI help? by Dr Joe
Amazing - I'm going through this exact same thing with EasyCGI! I managed to successfully instal...
Running the local host installation after building the application by saintX
My localhost installation of DNN was running blameless. After I oppened the application with VWD it ...
RE: quick question by derpir
Hello Is it possible to buy two skins and combine them? for example put one skins visual attributes...
RE: Environment Variables by leesykes
Thanks for the info,
RE: How can i edit any module from front end by sanju_k1421
ok if i added an text html . now i want to fill into that have to log in ,but i want that an...
Module not working when logged off. by t.ramya85
Hi friends,I have created two modules which interact with each other and i have kept one module to b...
RE: Environment Variables by fandnet
There are many ways to use variables like what I was trying to use...But here is how I did it.DotNet...
RE: OpenForce '08 by mgordon
It was truly a great time.  I really feel this year was much better than last year.  I hope to ge th...
Environment Variables by fandnet
I am creating a simple module that registered users can use to send an email invitation to people wh...
RE: How can i edit any module from front end by leesykes
I'm not sure that I follow, could you provide an example?
RE: Development of modules by leesykes
Hello,Glad you find them useful, at the moment there are not any plans to go into Module Development...
RE: SQL Server 2008 Documents Module DotNetNuke by leesykes
Hello,Thanks for the tip. Yes both connection strings are in correctly and the user has full permiss...
RE: Now, portal creation problem by jncraig
Since you have other issues with installing modules, etc. I believe that you are correct that it's a...
RE: How do I display the current time by jncraig
The [CURRENTDATE] skin object has a DateFormat attribute. The examples give MMMM dd, yyyy as a typi...
RE: Now, portal creation problem by SupaHoopsa
Posted By jncraig on 18 Nov 2008 8:54 AMIf there are other errors related to the database, I would s...
RE: SQL Server 2008 Documents Module DotNetNuke by MobileNow
Make sure that both of the connection strings are the same in the web.config file. Also make sure t...
RE: Now, portal creation problem by jncraig
If there are other errors related to the database, I would start by looking there.  This could be so...
Un-installing SQL Server 2005 by leesykes
I'm in the process of un-installing SQL Server 2005 and while doing this it informs me that Full Tex...
AppTheory
RSS Feeds