<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
><channel><title>Fundamental Provocation &#187; Web</title> <atom:link href="http://www.ajaymatharu.com/category/web/feed/" rel="self" type="application/rss+xml" /><link>http://www.ajaymatharu.com</link> <description>Blog by Ajay Matharu</description> <lastBuildDate>Sun, 06 Nov 2011 15:09:39 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" /> <item><title>How to prevent image from caching in javascript</title><link>http://www.ajaymatharu.com/how-to-prevent-image-from-caching-in-javascript/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=how-to-prevent-image-from-caching-in-javascript</link> <comments>http://www.ajaymatharu.com/how-to-prevent-image-from-caching-in-javascript/#comments</comments> <pubDate>Thu, 24 Feb 2011 16:01:35 +0000</pubDate> <dc:creator>Ajay Matharu</dc:creator> <category><![CDATA[Browsers]]></category> <category><![CDATA[Javascript]]></category> <category><![CDATA[JQuery]]></category> <category><![CDATA[Technology]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[Clear image cache in browser]]></category> <category><![CDATA[Image Cache in browser]]></category> <category><![CDATA[Image Caching]]></category> <category><![CDATA[Image caching in Javascript]]></category> <category><![CDATA[javascript code to clear image cache in browser]]></category> <category><![CDATA[Javascript code to prevent image caching]]></category> <category><![CDATA[Javascript to prevent image cache]]></category> <category><![CDATA[Prevent image cache]]></category> <category><![CDATA[Prevent Image Caching]]></category><guid isPermaLink="false">http://www.ajaymatharu.com/?p=2602</guid> <description><![CDATA[Many a times when we replace the image with the same name, browser still picks up the old one. Almost every developer faces this issue, then he asks the person to clear the cache by ctrl + F5 or any other means. But is this the solution? No, So what can we do in this [...]]]></description> <content:encoded><![CDATA[<p>Many a times when we replace the image with the same name, browser still picks up the old one. Almost every developer faces this issue, then he asks the person to clear the cache by ctrl + F5 or any other means. But is this the solution?</p><p>No, So what can we do in this case? There are two solutions,</p><p>1 &#8211; rename the new image and change the image name in code. But for a dot net developer this is pain because he may have to republish the code and send an upload of the dll again. And giving an upload of dll because of change in image is foolishness, ain&#8217;t it?</p><p>2 &#8211; Another solution is to write a javascript code so that the browser does not pick up image from the cache and loads it everytime. Following is the sample code of how you can try this,</p><pre name="code" class="javascript">
document.getElementById('myimg').src = document.getElementById('myimd').src + '?' + (new Date()).getTime();
</pre><p>You need to make sure this code runs after page has loaded else, it will give an error if that image tag is not yet rendered.</p><p>In JQuery for single image code will be</p><pre name="code" class="javascript">
$(document).ready(function(){
$("#myimg").attr('src',$(this).src + '?' + (new Date()).getTime());
});
</pre><p>For all the images</p><pre name="code" class="javascript">
$(document).ready(function(){
jQuery('img').each(function(){
jQuery(this).attr('src',jQuery(this).attr('src')+ '?' + (new Date()).getTime());
});
});
</pre><p>Hope this helps. If you have any more idea please share it with us by dropping a comment.</p> ]]></content:encoded> <wfw:commentRss>http://www.ajaymatharu.com/how-to-prevent-image-from-caching-in-javascript/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>Links 1 – JQuery animation effect</title><link>http://www.ajaymatharu.com/links-1-jquery-animation-effect/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=links-1-jquery-animation-effect</link> <comments>http://www.ajaymatharu.com/links-1-jquery-animation-effect/#comments</comments> <pubDate>Sun, 09 Jan 2011 16:18:19 +0000</pubDate> <dc:creator>Ajay Matharu</dc:creator> <category><![CDATA[JQuery]]></category> <category><![CDATA[Links]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[awesome jquery animation]]></category> <category><![CDATA[awesome jquery effect]]></category> <category><![CDATA[excellent jquery animation]]></category> <category><![CDATA[flash like jquery]]></category> <category><![CDATA[flash like jquery animation]]></category> <category><![CDATA[jparallax effect]]></category> <category><![CDATA[Jquery]]></category> <category><![CDATA[jquery animation]]></category> <category><![CDATA[jquery animation techniques]]></category> <category><![CDATA[jquery animations]]></category> <category><![CDATA[jquery effect]]></category> <category><![CDATA[jquery jparallax]]></category><guid isPermaLink="false">http://www.ajaymatharu.com/?p=2226</guid> <description><![CDATA[JQuery Animation Effect Links, here are some of the awesome animation effect you can consider while building a website, 13 Excellent jQuery Animation Techniques &#8211; With several JavaScript frameworks available, jQuery is quickly becoming a favorite. If you are interested in using jQuery for animated effects, here are 13 excellent tutorials to get you on [...]]]></description> <content:encoded><![CDATA[<p>JQuery Animation Effect Links, here are some of the awesome animation effect you can consider while building a website,</p><ul><li><a href="http://webdesignledger.com/tutorials/13-excellent-jquery-animation-techniques" target="_blank" title="Excellent JQuery animation techniques">13 Excellent jQuery Animation Techniques</a> &#8211; With several JavaScript frameworks available, <a href="http://jquery.com/" target="_blank" title="JQuery">jQuery</a> is quickly becoming a favorite. If you are interested in using jQuery for animated effects, here are 13 excellent tutorials to get you on your way.</li><li><a href="http://www.queness.com/post/456/16-impressive-flash-like-javascript-animation-inspirations-tutorials-and-plugins" target="_blank" title="16 Impressive Flash like JQuery and Javascript tutorials and plugins">16 Impressive Flash like javascript</a> &#8211; Since the introduction of javascript frameworks like prototype, jQuery and mootools, a lot other frameworks that designed to enhance the animation abilities have emerged. Now, we can create impressive javascript animation easily and your visitors just wouldn&#39;t able to tell the differences.</li><li><a href="http://www.viget.com/inspire/fun-with-jquerys-animation-function/" target="_blank" title="Fun with JQuery Animation">Fun with JQuery animation for designer</a> &#8211; This does not contain much but would be helpful for designers.</li><li><a href="http://www.jsanim.com/" target="_blank" title="JSAnim">JSAnim</a> &#8211; This tutorial contains some awesome Animation effects using JQuery.</li><li><a href="http://designreviver.com/tutorials/20-easy-to-learn-jquery-animation-tutorials/" target="_blank" title="Easy to learn JQuery animation">20 Easy to learn JQuery animation tutorials</a> &#8211; <strong>Animation on websites</strong> has gone a long way, some time ago everything and anything that had movement on a website was automatically categorized as Flash, now we have these different technologies that have raised the standard and have broken the mold. One of these key technologies is jQuery, and with the powerful scripting language that it represents (JavaScript) you can do amazing things.</li><li><a href="http://acko.net/blog/abusing-jquery-animate-for-fun-and-profit-and-bacon" target="_blank" title="Abusing JQuery.Animate">Abusing JQuery.Animate</a> &#8211; . In the case of jQuery, you can easily animate any CSS property, and you get free work-arounds for browser bugs to boot. You can run multiple animations (of arbitrary duration) at the same time, queue animations and even animate complex properties like colors or clipping rectangles.</li><li><a href="http://desizntech.info/2009/06/playing-with-jquery-color-plugin-and-color-animation/" target="_blank" title="JQuery color plugin and JQuery animation">JQuery color plugin and JQuery animation</a> &#8211; In this post you will see how to create some cool menus with jQuery and&nbsp; jQuery Color Plugin.</li></ul><h2>Featured JQuery Animation Effect</h2><h3><a href="http://webdev.stephband.info/parallax.html" target="_blank" title="JParallax - JQuery Animation Plugin">JParallax</a></h3><p style="text-align: center;">&nbsp;</p><p><img alt="JParallax Effect" class="size-full wp-image-2227 " height="203" src="http://www.ajaymatharu.com/wp-content/uploads/2010/03/jparallax-effect.png" title="JParallax Effect" width="260" />jParallax turns a selected element into a &#39;window&#39;, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way. <a href="http://css-tricks.com/examples/StarryNightMoving/" target="_blank" title="JParallax in background">JParallax in background sample</a><a href="http://webdev.stephband.info/parallax_demos_type.html"><img alt="JParallax Sample" class="size-medium wp-image-2228" height="117" src="http://www.ajaymatharu.com/wp-content/uploads/2010/03/jparallax-300x117.png" title="JParallax Sample" width="300" /></a></p><div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;"><h1>13 Excellent jQuery Animation Techniques</h1></div> ]]></content:encoded> <wfw:commentRss>http://www.ajaymatharu.com/links-1-jquery-animation-effect/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>New Google design like Bing</title><link>http://www.ajaymatharu.com/new-google-design-like-bing/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=new-google-design-like-bing</link> <comments>http://www.ajaymatharu.com/new-google-design-like-bing/#comments</comments> <pubDate>Thu, 06 May 2010 18:48:29 +0000</pubDate> <dc:creator>Ajay Matharu</dc:creator> <category><![CDATA[Google]]></category> <category><![CDATA[Microsoft]]></category> <category><![CDATA[Search Engine]]></category> <category><![CDATA[Technology]]></category> <category><![CDATA[Bing Vs Google]]></category> <category><![CDATA[Design of google]]></category> <category><![CDATA[Google design]]></category> <category><![CDATA[Google design similar to bing]]></category> <category><![CDATA[Google New Design]]></category> <category><![CDATA[Google Vs Bing]]></category> <category><![CDATA[Google vs Microsoft]]></category> <category><![CDATA[Microsoft vs Google]]></category> <category><![CDATA[New design of google]]></category><guid isPermaLink="false">http://www.ajaymatharu.com/?p=2299</guid> <description><![CDATA[I just came across Google&#8217;s new design. I was wondering I have seen this design somewhere so I just opened Bing to compare the design and what I saw was shocking. Google has mimicked Bing&#8217;s design. Here is Google&#8217;s New Design And here is the Bing&#8217;s Design Google didn&#8217;t checked the Bing&#8217;s design? or Google [...]]]></description> <content:encoded><![CDATA[<p>I just came across Google&#8217;s new design. I was wondering I have seen this design somewhere so I just opened Bing to compare the design and what I saw was shocking. Google has mimicked Bing&#8217;s design.</p><p>Here is Google&#8217;s New Design<br /><div id="attachment_2302" class="wp-caption aligncenter" style="width: 610px"><img src="http://www.ajaymatharu.com/wp-content/uploads/2010/05/Google2.png" alt="Google's New Design" title="Google's New Design" width="600" height="410" class="size-full wp-image-2302" /><p class="wp-caption-text">Google's New Design</p></div></p><p>And here is the Bing&#8217;s Design<br /><div id="attachment_2303" class="wp-caption aligncenter" style="width: 610px"><img src="http://www.ajaymatharu.com/wp-content/uploads/2010/05/bing.png" alt="Bing&#039;s Design" title="Bing&#039;s Design" width="600" height="350" class="size-full wp-image-2303" /><p class="wp-caption-text">Bing's Design</p></div></p><p>Google didn&#8217;t checked the Bing&#8217;s design? or Google liked the Bing&#8217;s design so much? <img src='http://www.ajaymatharu.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> What&#8217;s your say on this?</p> ]]></content:encoded> <wfw:commentRss>http://www.ajaymatharu.com/new-google-design-like-bing/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Adding URL shortner to Tweet Old Post wordpress plugin</title><link>http://www.ajaymatharu.com/adding-url-shortner-to-tweet-old-post-wordpress-plugin/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=adding-url-shortner-to-tweet-old-post-wordpress-plugin</link> <comments>http://www.ajaymatharu.com/adding-url-shortner-to-tweet-old-post-wordpress-plugin/#comments</comments> <pubDate>Thu, 25 Mar 2010 04:51:03 +0000</pubDate> <dc:creator>Ajay Matharu</dc:creator> <category><![CDATA[PHP]]></category> <category><![CDATA[Plugins]]></category> <category><![CDATA[wordpress]]></category> <category><![CDATA[adding URL shortener to Tweet Old Post]]></category> <category><![CDATA[adding URL shortner to Tweet Old Post]]></category> <category><![CDATA[Tweet Old Post]]></category> <category><![CDATA[URL Shortener]]></category><guid isPermaLink="false">http://www.ajaymatharu.com/?p=2218</guid> <description><![CDATA[This is small tutorial showing you how to integrate new URL shortner to Tweet Old Post wordpress plugin Make the following changes in top-admin.php file 1 &#8211; Look for the URL shortner drop down list, find the code that looks like below '.__('URL Shortener Service', 'TweetOldPost').': '.__('is.gd', 'TweetOldPost').' '.__('su.pr', 'TweetOldPost').' '.__('bit.ly', 'TweetOldPost').' '.__('tr.im', 'TweetOldPost').' '.__('3.ly', [...]]]></description> <content:encoded><![CDATA[<p>This is small tutorial showing you how to integrate new URL shortner to <a href="http://www.ajaymatharu.com/wordpress-plugin-tweet-old-posts/">Tweet Old Post wordpress plugin</a></p><p>Make the following changes in top-admin.php file</p><p>1 &#8211; Look for the URL shortner drop down list, find the code that looks like below</p><pre class="php" name="code"><label for="top_opt_url_shortener">'.__('URL Shortener Service', 'TweetOldPost').':</label>
<select id="top_opt_url_shortener" style="width: 100px;" name="top_opt_url_shortener">
<option value="is.gd">'.__('is.gd', 'TweetOldPost').'</option>
<option value="su.pr">'.__('su.pr', 'TweetOldPost').'</option>
<option value="bit.ly">'.__('bit.ly', 'TweetOldPost').'</option>
<option value="tr.im">'.__('tr.im', 'TweetOldPost').'</option>
<option value="3.ly">'.__('3.ly', 'TweetOldPost').'</option>
<option value="u.nu">'.__('u.nu', 'TweetOldPost').'</option>
<option value="tinyurl">'.__('tinyurl', 'TweetOldPost').'</option>
</select>
</pre><p>2 &#8211; Once you get there, add another option tag to the list like below,</p><pre class="html" name="code">
<option value="urlshortner">'.__('urlshortner', 'TweetOldPost').'</option>
</pre><p><strong>Note &#8211; </strong> In the above option replace &#8216;urlshortner&#8217;  with new shortner name.</p><p>Make the below changes in top-core.php file,</p><p>1 &#8211; find the function shorten_url(), and add an elseif block of new shortner api like below code,</p><pre class="php" name="code">elseif ($shortener=="urlshortner") {
		$url = "http://u.nu/unu-api-simple?url={$the_url}";
		$response = send_request($url, 'GET');
	}
</pre><p><strong>Note &#8211; </strong> replace urlshortner with new shortner name, it should be same as in point 2 of top-admin.php changes. In the URL section change the API URL with your shortner API URL and pass the required parameters the above just have the URL parameter.</p><p>2 -Some API may require additional parameters like API key. So it will look somewhat like this,</p><pre class="php" name="code">elseif ($shortener=="urlshortner") {
		$url = "http://yourshortnerapiurl/api?url={$the_url}&amp;api=xxxxxx";
		$response = send_request($url, 'GET');
	}
</pre><p><strong>Note &#8211; </strong> replace urlshortner with new shortner name, it should be same as in point 2 of top-admin.php changes. In the URL section change the API URL with your shortner API URL and pass the required parameters. The above have the URL parameter and API key replace xxxxxx with your API Key value.</p><p>That&#8217;s it and you are ready to go. In case you find it difficult to implement the above code feel free to drop by a comment I&#8217;ll add it for everyone <img src='http://www.ajaymatharu.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> and you can always drop me a mail.</p> ]]></content:encoded> <wfw:commentRss>http://www.ajaymatharu.com/adding-url-shortner-to-tweet-old-post-wordpress-plugin/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Firefox addons to improve your productivity</title><link>http://www.ajaymatharu.com/firefox-addons-to-improve-your-productivity/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=firefox-addons-to-improve-your-productivity</link> <comments>http://www.ajaymatharu.com/firefox-addons-to-improve-your-productivity/#comments</comments> <pubDate>Sun, 21 Mar 2010 10:53:10 +0000</pubDate> <dc:creator>Ajay Matharu</dc:creator> <category><![CDATA[Firefox]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[Fast Dial Firefox]]></category> <category><![CDATA[firefox addons]]></category> <category><![CDATA[Hide caption Title Bar Firefox]]></category> <category><![CDATA[neat freak]]></category> <category><![CDATA[Productivity]]></category> <category><![CDATA[Screen Grab]]></category> <category><![CDATA[Sxipper firefox]]></category> <category><![CDATA[Tiny menu]]></category> <category><![CDATA[web browser]]></category> <category><![CDATA[web developer]]></category> <category><![CDATA[web developers]]></category><guid isPermaLink="false">http://www.ajaymatharu.com/?p=2164</guid> <description><![CDATA[Yesterday I wrote about 7 best Firefox addons for Web Developers. Here are some more addons that will help you improve your productivity and And this list is not only for web developer but for everyone who uses Firefox. Screen Grab Capture entire document, visible area or selected area Draggable selection Copy to clipboard and [...]]]></description> <content:encoded><![CDATA[<p>Yesterday I wrote about <a href="../7-best-firefox-addons-for-web-developers/">7 best Firefox addons for Web Developers.</a> Here are some more addons that will help you improve your productivity and And this list is not only for web developer but for everyone who uses Firefox.</p><p><a href="http://www.screengrab.org/">Screen Grab</a></p><div id="attachment_2156" class="wp-caption aligncenter" style="width: 441px"><img class="size-full wp-image-2156" title="Screen Grab" src="http://www.ajaymatharu.com/wp-content/uploads/2010/03/screen-grab.png" alt="" width="431" height="570" /><p class="wp-caption-text">Screen Grab</p></div><p style="text-align: center;"><ul><li>Capture entire document, visible area or selected area</li><li>Draggable selection</li><li>Copy to clipboard and direct save</li><li>Save as JPG or PNG</li></ul><p>Tiny Menu</p><div id="attachment_2165" class="wp-caption aligncenter" style="width: 415px"><img class="size-full wp-image-2165" title="Tiny Menu" src="http://www.ajaymatharu.com/wp-content/uploads/2010/03/tiny-menu.png" alt="Tiny Menu" width="405" height="384" /><p class="wp-caption-text">Tiny Menu</p></div><p>If you are a neat freak when it comes to your Web browser, Tiny Menu does a good job of tidying things up when it comes to Firefox&#8217;s menu. This simple extension combines the standard menu choices like File, Edit, and Bookmarks into one handy drop-down.  You&#8217;ll get more screen to gaze at if you install this addon as your Menu&#8217;s toolbar will be replaced by just one drop down.</p><p>Fast Dial</p><div id="attachment_2166" class="wp-caption aligncenter" style="width: 398px"><img class="size-full wp-image-2166" title="Fast Dial" src="http://www.ajaymatharu.com/wp-content/uploads/2010/03/Fast-Dial.png" alt="Fast Dial" width="388" height="498" /><p class="wp-caption-text">Fast Dial</p></div><ul><li>Press Ctrl+T to open Fast Dial page.</li><li>Set browser home page to &#8220;about:blank&#8221; to have Fast Dial opened on startup.</li><li>Add new sites to Fast Dial by right-clicking site page and choosing &#8220;Add to Fast Dial&#8221; from the context menu.</li><li>Open thumbnail Properties from context menu or by moving mouse cursor over the top-right thumbnail corner.</li><li>Assign a logo to any site on Advanced page in Properties dialog. Get more logos at userlogos.org site.</li><li>Use drag-n-drop to change thumbnail position. Ctrl+drag to move thumbnail into a folder.</li><li>Scroll Fast Dial page by mouse wheel or PgUp/PgDown keys if there&#8217;re more bookmarks that fit on the page.</li><li>Enable thumbnail preview in thumbnail Properties dialog. Then left-click and hold on a thumbnail to see the preview.</li><li>Customize any aspect of Fast Dial in Preferences.</li><li>Themes. Use predefined ones, get more at userlogos.org or create your own.</li><li>Set any bookmark folder to be Fast Dial home.</li><li>Export/import any bookmark folder.</li></ul><p>Hide Caption Title Bar</p><div id="attachment_2167" class="wp-caption aligncenter" style="width: 427px"><img class="size-full wp-image-2167" title="Hide Caption Title Bar" src="http://www.ajaymatharu.com/wp-content/uploads/2010/03/Hide_Caption.png" alt="Hide Caption Title Bar" width="417" height="72" /><p class="wp-caption-text">Hide Caption Title Bar</p></div><p>Detects and automatically restores the minimize, maximize/ restore and close buttons on the nav bar if the menu bar is hidden the extension will display these important buttons irrespective of any theme you have applied on firefox.</p><p><a href="http://www.sxipper.com/">Sxipper</a></p><div id="attachment_2159"><div id="attachment_2159" class="wp-caption aligncenter" style="width: 512px"><img class="size-full wp-image-2159" title="Sxipper" src="http://www.ajaymatharu.com/wp-content/uploads/2010/03/sxipper1.png" alt="" width="502" height="401" /><p class="wp-caption-text">Sxipper Default</p></div><p style="text-align: center;"></div><div id="attachment_2158"><div id="attachment_2158" class="wp-caption aligncenter" style="width: 491px"><img class="size-full wp-image-2158" title="Sxipper when focus on Field" src="http://www.ajaymatharu.com/wp-content/uploads/2010/03/sxipper.png" alt="Sxipper when focus on Field" width="481" height="401" /><p class="wp-caption-text">Sxipper when focus on Field</p></div></div><ul><li>Privacy, Sxipper protects your personal data</li><li>Remembers username and passwords</li><li>Form Fills, creates various version of form fill, you can also train sxipper to fill which field with which data</li><li>Recognizes open id forms and helps you manage your Open Id’s</li></ul> ]]></content:encoded> <wfw:commentRss>http://www.ajaymatharu.com/firefox-addons-to-improve-your-productivity/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>7 best Firefox addons for Web Developers</title><link>http://www.ajaymatharu.com/7-best-firefox-addons-for-web-developers/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=7-best-firefox-addons-for-web-developers</link> <comments>http://www.ajaymatharu.com/7-best-firefox-addons-for-web-developers/#comments</comments> <pubDate>Sat, 20 Mar 2010 05:21:48 +0000</pubDate> <dc:creator>Ajay Matharu</dc:creator> <category><![CDATA[Firefox]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[all the web]]></category> <category><![CDATA[browser window]]></category> <category><![CDATA[Colorzilla]]></category> <category><![CDATA[dom objects]]></category> <category><![CDATA[firebug]]></category> <category><![CDATA[firefox addons]]></category> <category><![CDATA[Firequery]]></category> <category><![CDATA[javascript css]]></category> <category><![CDATA[Jquerify]]></category> <category><![CDATA[Screen Grab]]></category> <category><![CDATA[Sxipper]]></category> <category><![CDATA[Web Developer Toolbar]]></category> <category><![CDATA[web developers]]></category> <category><![CDATA[Yslow]]></category><guid isPermaLink="false">http://www.ajaymatharu.com/?p=2149</guid> <description><![CDATA[I really like to work on Firefox than on any other browser. It is extremely developer friendly and have lots of addons to customize Firefox as per your requirement. I love some of the plugins that help me do my work best and faster. I suggest all the web developers to use these.  ﻿Here are [...]]]></description> <content:encoded><![CDATA[<p>I really like to work on Firefox than on any other browser. It is extremely developer friendly and have lots of addons to customize Firefox as per your requirement. I love some of the plugins that help me do my work best and faster. I suggest all the web developers to use these.  ﻿Here are list of the 7 best Firefox addons for Developers.</p><p><a title="Firebug" href="http://http/getfirebug.com/" target="_blank"><strong>Firebug</strong></a></p><p style="text-align: center;"><strong></p><div id="attachment_2151" class="wp-caption aligncenter" style="width: 710px"><strong><img class="size-large wp-image-2151 " title="firebug" src="http://www.ajaymatharu.com/wp-content/uploads/2010/03/firebug1-1024x308.png" alt="Firebug" width="700" height="308" /></strong><p class="wp-caption-text">Firebug</p></div><p></strong></p><ul><li>Firebug allows you to inspect      HTML and modify style and layout in real-time.</li><li>Use the most advanced      JavaScript debugger available for any browser.</li><li>Accurately analyze network usage      and performance</li><li>Extend Firebug and add      features to make Firebug even more powerful</li><li>Firebug lets you know      immediately and gives you detailed and useful information about errors in      JavaScript, CSS, and XML.</li><li>Firebug helps you find DOM      objects quickly and then edit them on the fly.</li><li>Firebug gives you a good ol&#8217;      fashioned command line for JavaScript complete with very modern amenities.</li><li>Firebug gives you a set of      powerful logging functions that help you get answers fast.</li></ul><p><a title="Fire Query" href="http://firequery.binaryage.com/" target="_blank">Fire Query</a></p><div id="attachment_2161" class="wp-caption aligncenter" style="width: 778px"><img class="size-full wp-image-2161" title="FireQuery" src="http://www.ajaymatharu.com/wp-content/uploads/2010/03/jquerify1.png" alt="FireQuery" width="768" height="597" /><p class="wp-caption-text">FireQuery</p></div><ul><li> jQuerify: enables you      to inject jQuery into any web page</li><li> elements in jQuery      collections are highlighted on hover</li></ul><p><a title="ColorZilla" href="http://www.colorzilla.com/firefox/" target="_blank">Colorzilla</a></p><div id="attachment_2154" class="wp-caption aligncenter" style="width: 300px"><img class="size-full wp-image-2154" title="colorzilla" src="http://www.ajaymatharu.com/wp-content/uploads/2010/03/colorzilla.png" alt="ColorZilla" width="290" height="462" /><p class="wp-caption-text">ColorZilla</p></div><ul><li> Eyedropper &#8211; get the      color of any pixel in the browser window</li><li> An advanced Color      Picker similar to ones that can be found in Photoshop and Paint Shop Pro</li><li> Zoom option makes      picking colors easier</li><li> Palette Viewer and      editor. Palettes fully compatible with GIMP.</li><li> Webpage DOM Color      Analyzer &#8211; analyze DOM element colors on any Web page, find out what CSS      rules set the colors, locate corresponding elements</li></ul><p><a href="http://developer.yahoo.com/yslow/help/index.html" target="_blank">YSlow</a></p><p style="text-align: center;"><div id="attachment_2155" class="wp-caption aligncenter" style="width: 710px"><img class="size-large wp-image-2155  " title="yslow" src="http://www.ajaymatharu.com/wp-content/uploads/2010/03/yslow-1024x305.png" alt="YSlow" width="700" height="205" /><p class="wp-caption-text">YSlow</p></div><ul><li> Grade View To view an      analysis of the page&#8217;s performance, choose the Grade tab or click the      page&#8217;s letter grade in the status bar at the bottom of the page.</li><li> Components View To      display information about the page&#8217;s components, choose the Components      tab. The Components View displays all the components present on the web      page. You might look at this view, for example, to see which components      could be gzipped to improve performance.</li><li> Statistics View To      view statistics about the web page, choose the Statistics tab. This view      provides a summary of the total number of HTTP requests and the total      weight of the page in kilobytes as well as page weight analysis for both      Empty Cache and Primed Cache perspectives.</li><li> Tools</li><li> JSLint gathers all      external and inline JavaScript from the current web page, submits it to      JSLint, a JavaScript verifier, and opens a separate window with a report      about problems with the page&#8217;s JavaScript. The report includes approximate      locations within the source of the problem code.</li><li> ALL JS collects all external      and inline JavaScript from the page and displays the scripts in a separate      window. You might want to use this tool to check which scripts the page      actually uses and whether the page is pulling them in correctly.</li><li> ALL CSS collects all      the inline and external stylesheets on the page and displays them in a      separate window.</li><li> ALL SMUSH.IT If you      click on All Smush.it, Smush.it will be run on all the image components on      the page. This tool will tell you which images can be optimized and will      create a zip file with the optimized images.</li></ul><p><strong> </strong></p><p><a href="http://www.screengrab.org/">Screen Grab</a></p><div id="attachment_2156" class="wp-caption aligncenter" style="width: 441px"><img class="size-full wp-image-2156" title="Screen Grab" src="http://www.ajaymatharu.com/wp-content/uploads/2010/03/screen-grab.png" alt="" width="431" height="570" /><p class="wp-caption-text">Screen Grab</p></div><p style="text-align: center;"><ul><li>Capture entire document, visible area or selected area</li><li>Draggable selection</li><li>Copy to clipboard and direct save</li><li>Save as JPG or PNG</li></ul><p><a href="http://webdevelopertoolbar.com/">Web Developer Toolbar</a></p><div id="attachment_2157" class="wp-caption aligncenter" style="width: 710px"><img class="size-full wp-image-2157" title="Web Developer Toolbar" src="http://www.ajaymatharu.com/wp-content/uploads/2010/03/web-developer-toolbar.png" alt="" width="700" height="58" /><p class="wp-caption-text">Web Developer Toolbar</p></div><p style="text-align: center;"><ul><li>Disable &#8211; These menu items allow you to disable features on a web page, such as caching, Java, JavaScript, meta redirects, page colors, referrers, and more.</li><li>Cookies &#8211; The Cookies menu gives you options that are useful when programming a site that uses cookies. Examples are, disable all cookies, disable external site cookies, clear session cookies, delete domain cookies, delete path cookies, view cookie information, and add cookie.</li><li>Forms &#8211; A useful item on this menu is the <em>Form Information</em> option. It will tell you information about the forms on a web page.</li><li>CSS &#8211; This menu contains my favorite feature of the Web Developer Toolbar: <em>Edit CSS</em>.</li><li>Images &#8211; You can use these options to display the dimensions and file sizes of images on a web page.</li><li>Information &#8211; The information menu has a lot of options on it. You can find out more information about the structure of your page with <em>Display Id &amp; Class Details</em>, and <em>Display Element Information</em>.</li><li>Tools &#8211; The Tools menu has options to validate your HTML, feeds, CSS, and links. You can also get a speed report, open the DOM Inspector, Java Console, and JavaScript Console.</li><li>Resize &#8211; See what your web page looks like at different resolutions such as 800&#215;600, or choose a custom size. You can also zoom in or out on a web page.</li></ul><p><a href="http://www.sxipper.com/">Sxipper</a></p><div id="attachment_2159" class="wp-caption aligncenter" style="width: 512px"><img class="size-full wp-image-2159" title="Sxipper" src="http://www.ajaymatharu.com/wp-content/uploads/2010/03/sxipper1.png" alt="" width="502" height="401" /><p class="wp-caption-text">Sxipper Default</p></div><p style="text-align: center;"><div id="attachment_2158" class="wp-caption aligncenter" style="width: 491px"><img class="size-full wp-image-2158" title="Sxipper when focus on Field" src="http://www.ajaymatharu.com/wp-content/uploads/2010/03/sxipper.png" alt="" width="481" height="401" /><p class="wp-caption-text">Sxipper when focus on Field</p></div><p style="text-align: center;"><ul><li>Privacy, Sxipper protects your personal data</li><li>Remembers username and passwords</li><li>Form Fills, creates various version of form fill, you can also train sxipper to fill which field with which data</li><li>Recognizes open id forms and helps you manage your Open Id’s</li></ul><p>If you have more please share it with me and everyone <img src='http://www.ajaymatharu.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p> ]]></content:encoded> <wfw:commentRss>http://www.ajaymatharu.com/7-best-firefox-addons-for-web-developers/feed/</wfw:commentRss> <slash:comments>5</slash:comments> </item> <item><title>Validating html tags in textbox &#8211; Cross site scripting</title><link>http://www.ajaymatharu.com/validating-html-tags-in-textbox-cross-site-scripting/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=validating-html-tags-in-textbox-cross-site-scripting</link> <comments>http://www.ajaymatharu.com/validating-html-tags-in-textbox-cross-site-scripting/#comments</comments> <pubDate>Wed, 17 Mar 2010 22:26:26 +0000</pubDate> <dc:creator>Ajay Matharu</dc:creator> <category><![CDATA[Development]]></category> <category><![CDATA[Javascript]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[Cross page scripting issue]]></category> <category><![CDATA[validate HTML]]></category> <category><![CDATA[validate html in textbox]]></category> <category><![CDATA[validate html tags]]></category> <category><![CDATA[validate HTML tags in input]]></category> <category><![CDATA[validate html tags in textbox]]></category> <category><![CDATA[validation]]></category><guid isPermaLink="false">http://www.ajaymatharu.com/?p=1169</guid> <description><![CDATA[Following is the code to validate any textbox or input text against html tags. //source and args are required if calling from custom validator in asp.net else its not required function htmlValidation(source,args) { var re = /(]+)>)/gi; if (document.getElementById(’’).value.match(re)) { document.getElementById(’’).value = “”; alert(’Invalid content’); //args.IsValid = false; // you can use this if you [...]]]></description> <content:encoded><![CDATA[<p>Following is the code to validate any textbox or input text against html tags.</p><pre name="code" class="js">
//source and args are required if calling from custom validator in asp.net else its not required
function htmlValidation(source,args)
{
var re = /(<([^>]+)>)/gi;

if (document.getElementById(’<%=TextBox2.ClientID%>’).value.match(re)) {
document.getElementById(’<%=TextBox2.ClientID%>’).value = “”;
alert(’Invalid content’);
//args.IsValid = false; // you can use this if you are calling this from custom validator in asp.net
return false;
}
if (document.getElementById("textboxid").value.match(re)) {
document.getElementById("textboxid").value = “”;
alert(’Invalid content’);
return false;
}
return true;
}
</pre>]]></content:encoded> <wfw:commentRss>http://www.ajaymatharu.com/validating-html-tags-in-textbox-cross-site-scripting/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>ASP.Net menu control not working in Google Chrome</title><link>http://www.ajaymatharu.com/asp-net-menu-control-not-working-in-google-chrome/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=asp-net-menu-control-not-working-in-google-chrome</link> <comments>http://www.ajaymatharu.com/asp-net-menu-control-not-working-in-google-chrome/#comments</comments> <pubDate>Wed, 06 Jan 2010 07:01:40 +0000</pubDate> <dc:creator>Ajay Matharu</dc:creator> <category><![CDATA[.Net]]></category> <category><![CDATA[ASP.Net]]></category> <category><![CDATA[Chrome]]></category> <category><![CDATA[Internet Explorer]]></category> <category><![CDATA[asp.net menu control]]></category> <category><![CDATA[asp.net menu control in chrome]]></category> <category><![CDATA[asp.net menu control not working]]></category> <category><![CDATA[asp.net menu not working]]></category> <category><![CDATA[asp.net menu not working in chrome]]></category><guid isPermaLink="false">http://www.ajaymatharu.com/?p=1980</guid> <description><![CDATA[ASP.Net menu controls breaks in Google Chrome and works fine in other browsers. Here is the hack to make it work in Google Chrome as well, if (Request.UserAgent.IndexOf("AppleWebKit") &#62; 0) Request.Browser.Adapters.Clear(); Just add this code on your page load and the menu control will start working fine in Google Chrome as well. Also some times [...]]]></description> <content:encoded><![CDATA[<p>ASP.Net menu controls breaks in Google Chrome and works fine in other browsers. Here is the hack to make it work in Google Chrome as well,</p><pre name="code" language="c#">
if (Request.UserAgent.IndexOf("AppleWebKit") &gt; 0)
     Request.Browser.Adapters.Clear();
</pre><p>Just add this code on your page load and the menu control will start working fine in Google Chrome as well.</p><p>Also some times the hover menus don&#8217;t work on IE8 to make it work on IE8 you need to set<br /><h2>&#8220;z-index&#8221;</h2><p> in DynamicMenuStyle property of the menu control.</p><p>Hope this helps <img src='http://www.ajaymatharu.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p> ]]></content:encoded> <wfw:commentRss>http://www.ajaymatharu.com/asp-net-menu-control-not-working-in-google-chrome/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Opera Unite &#8211; Turn Your Computer Into Server</title><link>http://www.ajaymatharu.com/opera-unite-turn-your-computer-into-server/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=opera-unite-turn-your-computer-into-server</link> <comments>http://www.ajaymatharu.com/opera-unite-turn-your-computer-into-server/#comments</comments> <pubDate>Mon, 07 Dec 2009 18:07:42 +0000</pubDate> <dc:creator>Ajay Matharu</dc:creator> <category><![CDATA[Browsers]]></category> <category><![CDATA[Technology]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[Opera]]></category> <category><![CDATA[opera beta application lists]]></category> <category><![CDATA[Opera Unite]]></category> <category><![CDATA[Opera Unite Applications]]></category> <category><![CDATA[opera unite beta]]></category> <category><![CDATA[Opera Unite Browser]]></category> <category><![CDATA[opera unite dashboard]]></category> <category><![CDATA[opera unite file sharing]]></category> <category><![CDATA[opera unite supported applications]]></category> <category><![CDATA[opera unite web server]]></category> <category><![CDATA[Unite Opera]]></category><guid isPermaLink="false">http://www.ajaymatharu.com/?p=1919</guid> <description><![CDATA[Here is some of the features, I liked about Opera Unite - Here are some of the applications supported by opera unite. I am going to give example of Opera Unite File Sharing. Opera Unite file sharing configuration options. This is how your screen will look after file sharing configuration it will show all the [...]]]></description> <content:encoded><![CDATA[<p>Here is some of the features, I liked about Opera Unite -</p><p>Here are some of the applications supported by opera unite. I am going to give example of Opera Unite File Sharing.</p><div class="wp-caption aligncenter" style="width: 285px"><img title="List of Opera Unite Applications" src="http://ajaymatharu.wordpress.com/files/2009/12/unite.png" alt="List of Opera Unite Applications" width="275" height="578" /><p class="wp-caption-text">List of Opera Unite Applications</p></div><p>Opera Unite file sharing configuration options.</p><div class="wp-caption aligncenter" style="width: 597px"><img title="Opera Unite File Sharing Configuration" src="http://ajaymatharu.wordpress.com/files/2009/12/unite3.png" alt="Opera Unite File Sharing Configuration" width="587" height="544" /><p class="wp-caption-text">Opera Unite File Sharing Configuration</p></div><p>This is how your screen will look after file sharing configuration it will show all the files from the folder. You can also see the password option on the right bottom. Once set it will ask the password to the person you send the link to.</p><div class="wp-caption aligncenter" style="width: 660px"><img title="Opera Unite File Sharing Lists" src="http://ajaymatharu.wordpress.com/files/2009/12/unite1.png" alt="Opera Unite File sharing Lists" width="650" height="300" /><p class="wp-caption-text">Opera Unite File sharing Lists</p></div><p>This is the password screen</p><div class="wp-caption aligncenter" style="width: 660px"><img title="Opera unite visitors page" src="http://ajaymatharu.wordpress.com/files/2009/12/unite2.png" alt="Opera unite visitors page" width="650" height="300" /><p class="wp-caption-text">Opera unite visitors page</p></div><p>After user enters the correct password he will  be shown the list of files and he can download the files.</p><p>In the Opera unite whiteboard both the user can share the white board so that the same board is seen by both.</p><div class="wp-caption alignnone" style="width: 660px"><img title="Opera unite dashboard application" src="http://ajaymatharu.wordpress.com/files/2009/12/whiteboard.png" alt="Opera unite dashboard application" width="650" height="300" /><p class="wp-caption-text">Opera unite dashboard application</p></div><p>Opera Unite Inbox application allows you and your friends to upload files on your computer from anywhere.</p><div class="wp-caption aligncenter" style="width: 599px"><img title="Opera Unite Inbox Application Settings" src="http://ajaymatharu.wordpress.com/files/2009/12/inboxsetting.png" alt="Opera Unite Inbox Application Settings" width="589" height="547" /><p class="wp-caption-text">Opera Unite Inbox Application Settings</p></div><div class="wp-caption aligncenter" style="width: 655px"><img title="Opera Unite Inbox Application" src="http://ajaymatharu.wordpress.com/files/2009/12/inbox.png" alt="Opera Unite Inbox Application" width="645" height="248" /><p class="wp-caption-text">Opera Unite Inbox Application</p></div><p>Opera Server Application allows you to host application from your machine like online server.</p><div class="wp-caption aligncenter" style="width: 603px"><img title="Opera unite application server configuration options" src="http://ajaymatharu.wordpress.com/files/2009/12/unite4.png" alt="Opera unite application server configuration options" width="593" height="471" /><p class="wp-caption-text">Opera unite application server configuration options</p></div><div class="wp-caption alignnone" style="width: 632px"><img title="Opera Unite Web Sever Application" src="http://ajaymatharu.wordpress.com/files/2009/12/webserver.png" alt="Opera Unite Web Sever Application" width="622" height="309" /><p class="wp-caption-text">Opera Unite Web Sever Application</p></div> ]]></content:encoded> <wfw:commentRss>http://www.ajaymatharu.com/opera-unite-turn-your-computer-into-server/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Opera turns your computer to server</title><link>http://www.ajaymatharu.com/opera-turns-your-computer-to-server/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=opera-turns-your-computer-to-server</link> <comments>http://www.ajaymatharu.com/opera-turns-your-computer-to-server/#comments</comments> <pubDate>Mon, 07 Dec 2009 08:38:04 +0000</pubDate> <dc:creator>Ajay Matharu</dc:creator> <category><![CDATA[Browsers]]></category> <category><![CDATA[Web]]></category> <category><![CDATA[Browser]]></category> <category><![CDATA[Browser War]]></category> <category><![CDATA[Opera]]></category> <category><![CDATA[Opera Unite]]></category> <category><![CDATA[opera unite beta]]></category> <category><![CDATA[Opera Unite Browser]]></category> <category><![CDATA[opera unite to run web server]]></category> <category><![CDATA[share data using opera]]></category> <category><![CDATA[Share Files using Opera]]></category> <category><![CDATA[Share music using opera]]></category> <category><![CDATA[Share Pictures using opera]]></category> <category><![CDATA[sharing using opera]]></category> <category><![CDATA[Turn your computer into server]]></category> <category><![CDATA[turn your computer into server using opera]]></category> <category><![CDATA[Unite Opera]]></category><guid isPermaLink="false">http://www.ajaymatharu.com/?p=1914</guid> <description><![CDATA[We keep hearing internet pundits predict how the internet browser that handy application which lets you browse your favorite websites is slowly going to become the center of all your work. The internet browser is rapidly moving away from just being a software that let you browse the web. And it has just been given [...]]]></description> <content:encoded><![CDATA[<p>We keep hearing internet pundits predict how the internet browser that handy application which lets you browse your favorite websites is slowly going to become the center of all your work. The internet browser is rapidly moving away from just being a software that let you browse the web. And it has just been given another fillip.</p><p>Opera may not be as popular as Internet Explorer or Mozilla Firefox, but the Opera browser has forged a reputation for being one of the most innovative in the world. It was the first to come up with tabbed browsing &#8211; the option to open multiple websites in the same window &#8211; and also on efot he pioneers in synchronising bookmarks on the desktop browser and mobile phone browser. And now, with its latest version, 10.10, Opera has once again added  a new dimension to browsing, by including a server in the browser itself.</p><p>If that sounds like Greek to you, then here is simple version &#8211; with the new Opera browser, you can share pictures, music, documents and just about any file with the people you want. You can do it without having to upload any file to a website or attach it to an e-mail. That&#8217;s right, no more twiddling your thumbs while you wait for your pictures to get uploaded to Facebook or Flickr or Picassa; or sauntering off to brew some coffee while your detailed multimedia presentation gets attached to your e-mail over a broadband connection that tends to struggle more often than not. You do not need to even compress or zip up heavy files, all you need to do to share information is click a few buttons.</p><p>Making all this magic happen is a part of the Opera browser called Opera Unite. Cutting out the fancy server jargon, it lets you specify which files on your computer &#8211; documents, music, video &#8211; you would like to share it with your friends. Once you do this, it generates a URL. Now, all tha remains to be done to make sure your friends to view the file &#8211; just send them the URL and ask them to enter it in their browser. That&#8217;s it &#8211; they will bea bel to see the content you wish to share. The concept is as simple as browsing the internet &#8211; when you enter the URL of a website you are taken to the server that hosts the website, so that you can see it. Opera unite actually turns your computer into the server &#8211; so when a user enters the URL you sendd him or her, they are actually looking at the files on your computer itself. You can even play music on your computer and let your friends hear it on theirs. No uploading or downloading involved.</p><p>Of course, this does raise the specter of security issues &#8211; after all, people are looking at information on your computer. Well, there is a password option that ensures that only those users who enter the correct password can access the information you wish to share. Discretion is, however, advised.</p><p>There are those who will sneer at this feature, pointing out that this is very similar to peer-to-peer (P2P) computing where two computers connect to each other and exchange information, and can therefore be done from just about any browser like the Internet Explorer or Mozilla Firefox. While this is indeed true, the fact is that none of the browsers out there have a server installed within them, which really simplifies the task for the user, who has no additional software or plugins to download. All one needs to do is grab Opera 10.10 from www.opera.com and signup for a My Opera account. Opera 10.10 costs nothing, in best browser tradition.</p><p>There are other features worth a mention in the browser, such as Turbo browsing option that lets you download pages faster and Visual Tabs, that let you drag the handles below the tabs to get snapshots of the web page you are browsing, but it is Opera Unite that we see changing web browsing as we know it.</p> ]]></content:encoded> <wfw:commentRss>http://www.ajaymatharu.com/opera-turns-your-computer-to-server/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> </channel> </rss>
