How to Control Font Size in Percentage

font-percentagesTo control fonts in percentage is the easiest method which we can choose while playing with the fluid layouts, or perhaps while working with widgets and web 2.0 elements.

It is recommended while working with layouts that we define a standard font size for html and body. In the beginning there were loose style for fonts. Nobody used to care about styling fonts. Then in the design era of computer age, designers developed and adopted techniques to control different design aspects of websites and usually most popular standard was to choose 11px to 12 px font for HTML. Many years this technique prevailed until web 2.0 arrived and some web architects decides that fonts must be clear and bold. So now designers and developers adopt a technique to display large font sizes. Font size, color, face are also a part of the design. Here is how we can control font by percentage as a unit for font size.

Read the rest of this entry »

Standard and Non-Standard Links

Links are the Web’s number one interaction element. Violating common expectations for how links work is a sure way to confuse and delay users, and might prevent them from being able to use your site. Lets see what Markup Gurus say about links, and when links meet the standard or non-standard criteria. The usability guideline for any type of navigational design is to help users understand three major points:

  • Where they’ve been?
  • Where they are?
  • Where they can go (past, present, and future)?

These three are interrelated: If we consider browsing a site, a journey; then knowing your past and present locations makes it easier to decide where to go next.

Read the rest of this entry »

Images Not Displaying in IE, Displaying in Firefox

Ever experienced a problem when regular image HTML code is displaying images in firefox but not displaying in internet explorer? If you are facing the same problem then consider taking care of following points:

Read the rest of this entry »

Code Hider Tool – Lock Webpage Code

This code is property of http://www.cgiscript.net and original updated code can be found from there.

Purpose of this tool is to lock the HTML code. If you want to secure your HTML code or any part of web page then this tool is very useful for that.

Download Code Locker Tool

DIV Issues, Problems and Solutions

DIV based table less websites are common (essential, precisely speaking) now a days. Web 2.0 Web style is also about DIV based Validated websites. DIV is a little bit tricky to handle than simple tables. Here are few very essential known issues which I have been facing and their solutions.

Read the rest of this entry »

Modern Font Styles For Websites

I have described about using nice and clean fonts in web page. Now lets see some more details about using fonts in web pages.

As we know Verdana, Arial and Tahoma are being used from the beginning. In Web 2.0 Style, and many open source softwares such as WordPress, now-a-days some other fonts are being used which are neat and clean and stylish too. Best part is, to use these, no installation of fonts is needed. In Windows XP these are present by default. I have selected some examples of look and feel of some chosen fonts over here.

Read the rest of this entry »