Welcome to Codegrad

Codegrad is a tutorial and information website that covers different coding and scripting technologies in website development and design. It includes, but not limited to: HTML, CSS and Javascript. Codegrad also covers WordPress theme customization and plugin installation. Various on-page search engine optimization (SEO) techniques are also discussed in this blog.

Most recent posts from Codegrad!

Displaying e-mail address while avoiding spammers

Show your email address to your website visitors while hiding it from hackers and spammers using ASCII character entities, javascript or both.

no thumbnail yet

[ No Comments ] Posted on March 30, 2012 under Hypertext Mark-up Language, JavaScript

Javascript random text

Display an inspirational quote or other little tidbits of text randomly selected from a set of encoded text for every visit or refresh of your web page by using a simple Javascript code.

random quote

[ No Comments ] Posted on March 2, 2012 under JavaScript

Javascript-based random web banner

Display random web banners from a set of predetermined pair of image banners and URLs using Javascript. This is very much useful if you intend to sell your own ad space in your website.

random banner

[ No Comments ] Posted on February 28, 2012 under Adsense / Ads Embedding Tips, JavaScript

Displaying random image with Javascript

Use Javascript to display an image randomly selected from a set of preassigned images in a specific location in your website or webpage layout.

random image card

[ No Comments ] Posted on February 8, 2012 under JavaScript

Generating random numbers using Javascript

Similar to programming languages, Javascript also has function that can provide random numbers. You can modify this function to generate only certain numbers or use it in certain functions of your website such as displaying random image, random ad banner or random quote.

lottery globe

[ No Comments ] Posted on January 26, 2012 under JavaScript

Animated images using Javascript

Create a simple animated image using Javascript without the color limitations of GIF format or browser support limitation of PNG.

javascript animation

[ No Comments ] Posted on January 24, 2012 under JavaScript

Reducing image file size without reducing quality using Yahoo! Smush.it

For similar images with the same quality, the one with smaller file size is definitely better. Use Yahoo! Smush.it to reduce your image file size before using them in your websites. Here, I explain the capabilities, limitations and usage of Smush.it.

smushit-thumb

[ No Comments ] Posted on January 9, 2012 under Webmasters' Tools

Detecting mobile devices for your WordPress website

This PHP code will allow you to detect if your website is being accessed using a mobile device. If being accessed by a mobile device, your server can automatically present an alternative layout without changing the URL of your website.

no thumbnail yet

[ No Comments ] Posted on August 30, 2011 under Designing for Mobile Devices, WordPress