How To Make Web Pages Load Faster While Using CSS?

HTML specifications clearly defines the way front-end engineers should code the html document though browsers are making us lazy to follow these rules. We do mistakes and do code the html documents in a wrong way. On top of that, browsers helps us more to do more mistakes by ignoring such problems and renders the web page, even though they sometime take a bit extra time to load elements on web page.


Continue reading…

How To Add Hover Effect On DIV In IE?

There are number of glitches that exists in IE. One glitch is that it does not allow hover effect other than on anchor <a> tag.  This small and quick tutorial will show you how to do it with simple JavaScript and CSS.

Continue reading…

How To Fix PHP Sessions Data Issue In Internet Explorer & In IFRAMES?

Are you web developer? Oh yeah!!! then you must know how much you need to be aware such issues, like some of your web pages, web sites do not work on IE but runs perfectly on other popular browsers, i.e. Firefox, Safari.

Think about a day when you coded for something by spending lot of time on it, and it actually runs perfectly as you want on Firefox, Safari etc, but when you try to look same on Internet Explorer (IE), just one thing came into your mind, Oh Goshhhhhh…. what went wrong with the code which leads to such issues. Your complete page reacts differently and all things got vanished and you just ask yourself, why??? The answer is that Microsoft’s IE takes everything differently as compared to other browsers. What a silly statement this is, Isn’t it? but its all true that even in the IE 7.0 version Microsoft has still not fixed all the issues those existed in IE 6.

Continue reading…

Twitter Signup Page Has Usability Flaws, Really?

It would be quite obvious to say that twitter has become the largest growing social networking site today. You already must be connected with this popular service.

What’s happening? Yes, this is what users share on twitter and get connected with their friends, colleagues & family by just sharing what they are doing, in 140 characters. It is brilliant indeed.

But we, the web developers see a website, web apps in a different way. I am also using the tweetmeme service associated with twitter for this blog. We also love to do what other users do, but we always look for better ideas and we follow these popular websites. It wouldn’t be wrong to say that these popular websites are followed as a standard for all the web developers. We always try to find things which made such websites so popular in the world. We look for better ideas which can attract more users on our websites. In short, this is something we call ‘Usability’.

Continue reading…

Turn WordPress Into Complete CMS

Here I am sharing links which will guide you through turning WordPress into complete powerful CMS.
Continue reading…

7 Ways To Recession Proof Your Website

I got an email newsletter, found very interesting, so sharing the post as it is here:

Recession is characterized by subdued demand and tendency of buyers to seek ‘value for their money’. With the average human attention span being less to 10 seconds, a website only has little time to convey this ‘value’ to its intended audience. And it takes more than just an appealing design to be able to do so.

The following points are collated to help website owners to facilitate conversions and increase repeat visitors; in times like these, you need it more than ever.

Continue reading…

Optimize JavaScript Code With Closure Compiler

The easiest way to get familiar with the Closure Compiler service is by optimizing a few simple functions in the service’s web UI. (http://code.google.com/closure/compiler/docs/gettingstarted_ui.html)

  1. Access the Closure Compiler UI by opening this page in another tab or window: http://closure-compiler.appspot.com.
  2. You should see the Closure Compiler UI prepopulated with a simple Hello World function:UI screenshot
  3. Click “Compile” to see the result:UI screenshot

That’s it! You now have a much smaller version of the JavaScript code that functions identically to the original. The Closure Compiler service reduced the code from 92 bytes to just 55 bytes by removing comments and whitespace and renaming basic symbols.

For your convenience, the Closure Compiler service hosts the output file default.js on its servers for one hour. You can access the URL of the output file by copying the location of the link that’s provided above the output pane, where it says The code may also be accessed at {filename}. If you make any changes to the original JavaScript code and re-optimize it during that hour, Closure Compiler service overwrites the output file with the new results as long as you leave the @output_file_name parameter unchanged at the top of the input field. You can use this feature as a quick way to test your compiled code by linking directly to the file from your test application. Do do not link to it from production servers.

Note: To prevent abuse, the Closure Compiler limits the number of consecutive compiles that you can run. If you see the message Too many compiles performed recently. Try again later, it means you’ve temporarily exceeded the limit.

Optimize a JavaScript file

You can also optimize the contents of one or more JavaScript files using the Closure Compiler UI.

  1. Copy and paste the URL http://code.google.com/closure/compiler/samples/tutorial2.js into the Add a URL box. This file contains unoptimized code for creating nodes in a DOM tree.
  2. Click Add. (If you had more than one file to add, repeat Steps 1 and 2 until you’ve added all of them. You can also type the file name(s) directly into the text area if you prefer.)
  3. If you want the Closure Compiler service to serve the compressed file, choose a name for the output file using the @output_file_name parameter at the top of the input field. Note that the default for the output file name is default.js but you should change it to a more meaningful name for your project. Also note that the Closure Compiler service hosts the output file on its servers for an hour.
  4. Click Compile.

You should see the optimized JavaScript in the right hand panel, like this:

UI screenshot

To use the optimized code, you can cut and paste it into your source file, download the file into your directory, or link to the file directly in your script tag (for up to one hour).

You have just worked through examples of optimizing simple functions in the Closure Compiler service UI. If you’d like to build the Closure Compiler service’s JavaScript optimization process into a larger system, then you should talk directly to the Closure Compiler service API. Learn more at Getting Started with the Closure Compiler Service API.

Real Time Web Analytics