Rendering HTML elements according to the system - I

I like things which look and feel like my OS. But I have rarely come across a site which looks and feels like an application running on my computer. Not like they are supposed to look like that but I have still been trying to figure out how they would look if the site could automatically change according to the user settings. In my quest to figure this one out, the first and the foremost thing to look at are the fonts. Most browsers have the magical property which allows you to get the font settings on the OS.
This line should be in the menu font.
This line should be in the caption font.
On most browsers you should see the first line rendered with the font used in the menu's and the second line rendered in the font used in the caption's. Funny thing caption does not work in FireFox it works in Opera and IE. Getting down to the code its just a one line code. Just set the font property to menu or caption and thats all that you need to do. 
font: menu;
font: caption;
That is the part about the fonts I will try and focus on this topic in my upcoming posts. I am using this in one of my secret projects and hopefully it will come out in the open in the next few weeks.

Comments

Post a Comment

Popular posts from this blog

The best mobile development platform for hobbyist programmer

This is something I have been thinking for a while so here it goes. This is a list of platforms I know of and my choice of what makes sense for a hobbyist programmer like me. Let me first list down all the possible platforms and then list down the pros and cons that I feel are associated with each platform. Java ME (The platform formally known as J2ME) Windows Mobile Linux Palm Brew Symbian Blackberry iPhone iPhone Let me start with iPhone the darling of the media and blogger's till about a fortnight. I had real expectations from iPhone as a platform but the way its been going so far I would never bother developing for it. Officially there is no SDK with which one can build applications. What ever tools the community had built have been rendered useless with the iPhone 1.1.1 software upgrade . The community might be able to hack a version for 1.1.1 but without any support from almighty apple its just a cat and mouse game. With every minor release the applications
Read more

Using Voicemail with Airtel Prepaid Karnataka

Call  *321*671# to activate the service on your phone. It will ask you for permission if you want to enable it. To customize the account dial 52555 To disable voicemail dial *321*673# You can also activate it by sending out a SMS Send START VMS to 54321 for activation  Send STOP VMS to 54321 for de-activation  This post if for my own reference. If you have any questions leave a comment and if I know about it I will try and answer it.
Read more

Airtel 16Mbps for Impatient Ones

This advert can be the summed as the best in terms of making fun of the impatient ones. The new Airtel broadband is 16 Mbps but with a slight hitch. At Rs. 2999/- with a Data Transfer Limit of just 20 GB. Just listening to a few hours of music videos on Youtube should be enough to exhaust the limit in no time. Thinking of downloading torrents is something one should not even think about. Not sure who Airtel is targeting with this plan. If you bought this plan do leave a comment.
Read more