Javascript Code Quality Tool JSLint is a web based tool that I found today when surfing the net. The tool comes with various settings that helps you clean your javascript code, sanitize it and beautify it depending on how you would want to organize your javascript coding. You can find the following link helpful if you are interested in learning more about code conventions used in Javascript Programming language. Link: http://javascript.crockford.com/code.html

CSS "display" Element takes in the following styles display: none display: block display: inline (more…)

Box model bug in IE, Firefox Display the below versions of the file in IE, Firefox and check the difference in display. Note the css styling used in Sample A and Sample B HTML coding. When defining the width of the "div" layer it is essential that you need to consider the padding, margin, border size given to each element. As different browser versions have different ways of interpreting these values we need to cascade the width from the parent element to child layer if we were destined to use width for restricting the boundary of the element. (more…)

Cufon: Alternative to sIFR To generate the scripts, you can choose to do that from the cufon site http://cufon.shoqolate.com/generate/ or, download a copy of the script from github and install it in your local computer http://github.com/sorccu/cufon/tree/master If you download the files, then you need to untar the files and create your local site. If fontforge is not installed, you need to install it in your machine before you can proceed with generating the cufon script for the font and make the necessary changes in generate/settings.ini file. (more…)

Download the YUI (Yahoo User Interface) Compressor which compresses javascript and css files hence making the file size smaller and execution speed faster. Download location: http://www.julienlecomte.net/yuicompressor/ It is very simple to use this application to compress the files. All you need to have is a java installation in your machine. (more…)

How to have desired fonts shape the content of your web design? sIFR comes in place to hand you different fonts using Flash and CSS. With CSS3 you could replace titles with any font you want. The text is search engine friendly and users can cut and paste the text as they expect. There are nice tutorials and video blogs that help you get started with ease. Easy, elegant tutorial on sIFR http://designintellection.com/2008/this-is-how-you-get-sifr-to-work/ Follow the above tutorial and you can replace the needed font to have content with your desired font. Video based tutorial http://css-tricks.com/video-screencasts/39-how-to-use-sifr-3/ To download the sIFR nightlies, visit http://dev.novemberborn.net/sifr3/nightlies/ All you need to do is create the "swf" flash file or to download it from one of the available websites and then to configure the javascript, css files to make this work. Happy sIFRing!!!