Design 2 HTML, E-Mail Template Implementation, WordPress, Joomla, Drupal Professional

Custom Fonts using @font-face in HTML/CSS

• March 7th, 2010
• Posted in CSS . Coding . Design . HTML . How To . Web Usability . browsers . fonts . search engine optimization . tutorial . usability . web design
• By Farrukh

One of my latest project involved @font-face which means using a custom font for your web content. It was my first experience working with @font-face as i never heard about it before so i thought i will share my experience with my readers.

As you know we cannot use custom fonts in a website as it will not be properly displayed on a computer which doesnt have these fonts installed, thus it will be replaced by system default fonts, in windows if a font is missing it is normally replaced by Times New Roman, so to avoid this we defint font like font-family: Arial, Helvetica, sans-serif, Arial is default for Windows, Helvetica is default for Mac. About Sans-serif I never used Mac personally so i am not sure if it is available on Mac or not but it is surely installed by default in Wondows. So this is the normal approac we follow so that we know how our website text will show up in different platforms.[ READ MORE ]

960 Grid System

• February 3rd, 2010
• Posted in CSS . Coding . Design . Web Usability . browsers . tutorial . usability . web design . web development
• By Farrukh

A few days back one of my client asked me to get in touch with 960 Grid System. At first when i did some initial research on this grid system my conclusion was “total waste of time” because for a normal size page you need almost 8-12 hours to convert a Photoshop layered document into [ READ MORE ]

CSS – Cross Browser Compatibility Issue

• December 2nd, 2009
• Posted in Web Usability
• By Farrukh

Rather then using different CSS files for different browsers you can also achieve the same results using a single CSS file. If you keep your style strict by defining every attribute of the tag, specially i encourage redefining every tag to your own as mostly different browsers render them differently, let say Paragraph tag normally [ READ MORE ]

JavaScript and Cross Browser Compatibility

• November 2nd, 2009
• Posted in Web Usability
• By Farrukh

I promised my readers that i will be writing an article on JS and cross browser compatibility issues. JS is one of the major cause of cross browser compatibility issues. You must be thinking that why in the world there are any issues with JS as now even mobile phones are JS compatible and runs [ READ MORE ]

The myth of HTML – xHTML (Part 1)

• October 29th, 2009
• Posted in Web Usability
• By Farrukh

I believe my relationship with HTML is almost 6-7 years old, while xHTML is fairly a new term for me having around 3-4 years of experience working with it. As most of my fellow web designer and developers i was also not aware of the difference between them and often mixed up both of them, [ READ MORE ]