Apr 21, 2009 HTML, fonts
To 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 More..
Apr 21, 2009 HTML, Web Guidelines, standards
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 More..
Apr 21, 2009 HTML
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 More..
Jan 23, 2009 Advanced, Javascript, Tricks, fonts
Now using javascript we can use any font in web page by using techniques such as Typeface and Facelift Image Replacement (or FLIR) or sIFR. sIFR needs flash while others do not. sIFR is for smoothness look of fonts.
Instead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS and get original smooth font look whatever you specify, even if the user machine have not those fonts. This technique is limited yet with limited fonts support and also it is recommended to use it for title of headings of web page. All the font at the web page using this technique can heavy things up at server and page might load very slow. Even then it is cool. Type face is easy, flexible and open source.
Read More..
Jan 23, 2009 CSS, Javascript, Tricks
We can simply use CSS alone to reproduce opacity effect that have traditionally been done using scripting. The advantage of looking to CSS instead is obvious – much more lightweight and easier to implement. We can use this method where we need to use a dim or faint version of image, while when some one places mouse over it, then image comes sharp, clear and bright.
Read More..