rajesh’s blog

Rajesh Gollapudi
Rajesh Gollapudi

web developer and tech enthusiast. Interested in anything related to web and media

   

Tags

Get Updates

Internet download and upload speeds in India

via netindex.com

Net Index by Ookla has recently ranked the Internet speeds across the globe. This index is created based on millions of recent test results from Speedtest.net. It compares and ranks user download and upload speeds around the globe.

According to this India, the average internet download speed in India is 1.26 Mbps and average upload speed is 0.64 Mbps. This places us at #126 and #101 ranks respectively for download and upload speeds. With the amount IT services that Indian IT companies provide, definitely we need a lot of improvement in this.

The same index ranks US at #27 and South Korea at #1 for both download and upload speeds.

Loading mentions Retweet
Posted 1 day ago

0 Comments

The State of Web Development 2010 – Web Directions

Tuesday, April 27th, 2010

The State of Web Development 2010 – Web Directions

Category: Survey

What are the current Web Directions? John Allsopp is back, with results from his latest State of Web Development 2010 survey.

There is a ton of content here, and the data is made available. For the full report you can grab the PDF.

This article summarizes the preferred environment of web developers and what's hot.

- Firefox is the browser of choice
- Preferred mobile browser is Safari
- Mac OS X is the preferred OS
- Most used js framework is jQuery
- Most developers test on IE (6-8), Safari 4/Chrome and Firefox >3.5

Loading mentions Retweet
Posted 3 months ago

0 Comments

How to set child element opacity different from parent element

When using css (opacity) to set the transparency of an element, the child elements inherit the transparency of the parent element.

For example, if you set 50% transparency to the body element, the whole pages becomes 50% transparent. Even if you explicitly set the opacity to 1 for the child elements, the transparency is still there.

This is particularly not desired if your child elements has text.  As you can see from the screenshots, the text looks clear in Screenshot 1.  In Screenshot 2, the text dissolves into the background when opacity is set to 0.5. I used opacity 0.5 just to demonstrate this. The text looks better with opacity 0.9, but this is not the ideal solution.

   

Solution
To prevent this, the only way is to use a  png with the desired alpha transparency.
Note:
Transparent pngs are not supported by IE 6. So make sure that you use the fix mentioned at TwinHelix


 

Loading mentions Retweet
Posted 5 months ago

0 Comments

Centering an element on a page

Here is how you can position an element at the center of a web page (both horizontally and vertically).

The content of the div with the id 'centered', will be positioned at the center of the web page. The 'absolute' positioning ensures that it is positioned at the center w.r.t the webpage or document.Instead if you want to position an element relative to an enclosing div, changing docheight and docwidth variables accordingly ensures that your element is centered.

This is often useful in situations where you want to display error messages like 404-page not found and for showing 'page redirect' messages.

Loading mentions Retweet
Posted 9 months ago

1 Comment

How to make a footer stick to the bottom of a webpage

Often you face a situation where you don't have enough content on the webpage to make use of the space available in the browser window. A good example, for this is the "404 - File not found" page on your site.

I use the following technique to get rid of the situation where the footer doesn't stick to the bottom of the page. The idea is simple - Measure the height of the content and compare it with your window height. If the content height is less than the window height, then fill the difference with an empty space or to say exactly, add a div with the height set to the difference.

The code below uses jquery javascript library and should work pretty much in every browser.

Enjoy !!

Update:

I have updated the code above, to make sure that the footer sticks to the bottom on window resize events. Now when you are using FireBug, to should notice the footer moving up and down and window resize events. This is especially useful if you have a large monitor.

Loading mentions Retweet
Posted 9 months ago

1 Comment

Theme by Cory Watilo.
More great Posterous themes at themes.posterous.com.