<?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>devexp &#187; tips</title>
	<atom:link href="http://www.devexp.eu/tag/tips/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.devexp.eu</link>
	<description>DEVelopment EXPerience, shared with the world!</description>
	<lastBuildDate>Fri, 28 Oct 2011 12:07:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>How to force symfony colors on windows with PuttyCyg?</title>
		<link>http://www.devexp.eu/2009/09/22/how-to-force-symfony-colors-on-windows-with-cygwinputtycyg/</link>
		<comments>http://www.devexp.eu/2009/09/22/how-to-force-symfony-colors-on-windows-with-cygwinputtycyg/#comments</comments>
		<pubDate>Tue, 22 Sep 2009 13:18:14 +0000</pubDate>
		<dc:creator>Van de Voorde Toni</dc:creator>
				<category><![CDATA[Framework]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[Symfony]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.devexp.eu/?p=936</guid>
		<description><![CDATA[Those of you who’re developing with symfony under windows will have noticed that, when running tasks in the command prompt, no colors are used. This is because the windows command prompt isn’t compatible with the color notation. Most of you &#8230; <a href="http://www.devexp.eu/2009/09/22/how-to-force-symfony-colors-on-windows-with-cygwinputtycyg/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>Those of you who’re developing with symfony under windows will have noticed that, when running tasks in the command prompt, no colors are used. This is because the windows command prompt isn’t compatible with the color notation.<br />
Most of you also have <a href="http://www.cygwin.com/">cygwin</a> installed (shame on you if you didn’t :p). But even if you run the tasks through “<a href="http://code.google.com/p/puttycyg/">PuttyCyg</a>”, which is fully compatible with the color notation, you will not benefit from the colors. </p>
<p>Why?</p>
<p><span id="more-936"></span><br />
The problem resides in the symfony class “sfAnsiColorFormatter” in the method “supportsColors($stream)”:</p>
<pre class="brush: php; title: ; notranslate">
  /**
   * Returns true if the stream supports colorization.
   *
   * Colorization is disabled if not supported by the stream:
   *
   *  -  windows
   *  -  non tty consoles
   *
   * @param mixed $stream A stream
   *
   * @return Boolean true if the stream supports colorization, false otherwise
   */
  public function supportsColors($stream)
  {
    return DIRECTORY_SEPARATOR != '\\' &amp;&amp; function_exists('posix_isatty') &amp;&amp; @posix_isatty($stream);
  }
</pre>
<p>The method supportsColors($stream) decides whether or not colors are supported. And as you can see, one of the checks is the directory separator which in our case will always return false because we are on a windows operating system. So even if you run tasks through puttycyg the directory separator will remain the same.</p>
<p><strong>Possibility 1</strong></p>
<p>If you always work through the puttycyg you could simply set the method to always return true, but in a command prompt it will look like this:<br />
<div id="attachment_946" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.devexp.eu/wp-content/uploads/2009/09/command_output.png"><img src="http://www.devexp.eu/wp-content/uploads/2009/09/command_output-300x236.png" alt="Dos Command Output" title="Dos Command Output" width="300" height="236" class="size-medium wp-image-946" /></a><p class="wp-caption-text">Dos Command Output</p></div></p>
<p><strong>Possibility 2</strong></p>
<p>Detect if cygwin is used. This way when you use the dos command the output will work and when cygwin is used you&#8217;ll have the colors <img src='http://www.devexp.eu/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
<p>I checked the $_SERVER array to find something that could help me to distinguish the cygwin prompt with the dos prompt, and I found that the &#8216;PWD&#8217; key is only available on *nix shells. And when I print the value of $_SERVER['PWD'] in the cygwin prompt it gives me &#8220;/cygdrive/f/sandbox/adlogix/branch-3.2/frontend&#8221;. </p>
<p>Knowing that, here is how we can change the supportsColors method:</p>
<pre class="brush: php; title: ; notranslate">
  /**
   * Returns true if the stream supports colorization.
   *
   * Colorization is disabled if not supported by the stream:
   *
   *  -  windows
   *  -  non tty consoles
   *
   * @param mixed $stream A stream
   *
   * @return Boolean true if the stream supports colorization, false otherwise
   */
  public function supportsColors($stream)
  {
    $supported = DIRECTORY_SEPARATOR != '\\' &amp;&amp; function_exists('posix_isatty') &amp;&amp; @posix_isatty($stream);

    return $supported ? true : !is_bool(strpos(@$_SERVER['PWD'], &quot;/cygdrive&quot;));
  }
</pre>
<p>What I did, is still using the check symfony used, but when it returns false I do a second check to see if the $_SERVER['PWD'] exists and that it contains the String &#8220;/cygdrive&#8221;.</p>
<p>Now when I run the taks through cygwin I get the colors and when I run it in dos it displays correctly.<br />
<div id="attachment_950" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.devexp.eu/wp-content/uploads/2009/09/puttycyg-versus-dos.png"><img src="http://www.devexp.eu/wp-content/uploads/2009/09/puttycyg-versus-dos-300x187.png" alt="PuttyCyg versus Dos" title="PuttyCyg versus Dos" width="300" height="187" class="size-medium wp-image-950" /></a><p class="wp-caption-text">PuttyCyg versus Dos</p></div></p>
<p>I only tested it on my machine, so if you have troubles or a better way to do it, please let me know <img src='http://www.devexp.eu/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
<p><strong>Update:</strong> This is only tested with symfony 1.2 and as from sf 1.3 there will be an option &#8211;color to force the colors.</p>
<p><strong>Update:</strong> For some reason it does not work in the cygwin bash shell. When I set the message manually (echo -e &#8220;\033[31mHello World\033[0m&#8221;) in the command the colors appear, but through symfony not.  I suspect that the cygwin bash shell miss interprets the returns of php, but I have no idea why it does work on puttyCyg (which only launches the cygwin shell) &#8230; probably some startup configuration of the bash ?!</p>
<div class="shr-publisher-936"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://www.devexp.eu/2009/09/22/how-to-force-symfony-colors-on-windows-with-cygwinputtycyg/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Basic tips and tricks: 4.Css</title>
		<link>http://www.devexp.eu/2009/09/01/basic-tips-and-tricks-4-css/</link>
		<comments>http://www.devexp.eu/2009/09/01/basic-tips-and-tricks-4-css/#comments</comments>
		<pubDate>Tue, 01 Sep 2009 11:42:12 +0000</pubDate>
		<dc:creator>van Rumste Kenneth</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Tips and Tricks]]></category>
		<category><![CDATA[class]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[objects]]></category>
		<category><![CDATA[properties]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tricks]]></category>

		<guid isPermaLink="false">http://www.devexp.eu/?p=899</guid>
		<description><![CDATA[Hello everybody, I&#8217;m back with another version of basic tips and tricks. After having a talk with a client, about the basic on css, I thought it might be good to have an easy introduction. So let’s give it a &#8230; <a href="http://www.devexp.eu/2009/09/01/basic-tips-and-tricks-4-css/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>Hello everybody, I&#8217;m back with another version of basic tips and tricks.</p>
<p>After having a talk with a client, about the basic on css, I thought it might be good to have an easy introduction.</p>
<p>So let’s give it a try. We&#8217;ll talk about:</p>
<ul>
<li> Why would you use css?</li>
<li>How to insert css in your html file</li>
<li>How css is written</li>
<li>Css on objects, classes and unique objects</li>
<li>Basic css properties and there values</li>
<li>The pseudo class</li>
<li>Where to find good information on css</li>
</ul>
<blockquote><p>Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation (that is, the look and formatting) of a document written in a markup language.</p>
<p>CSS is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation, including elements such as the colors, fonts, and layout.</p></blockquote>
<p><span id="more-899"></span></p>
<p><strong>Why would you use css?</strong></p>
<p>Whenever you create an html page without css, you will probably insert layout into it. But every object will have to get it&#8217;s layout specifications and that could be a hard time, especially if you have a lot of objects that need the same layout.<br />
You don&#8217;t know any examples of objects with the same layout?</p>
<ul>
<li> A menu with 4 or 5 buttons.</li>
<li>Buttons</li>
<li>A list</li>
<li>Different headings and titles</li>
<li>Paragraphs</li>
<li>&#8230;</li>
</ul>
<p>As you can see, I don&#8217;t need to think very hard to get different objects on which the same layout can be applied.</p>
<p>I guess you see my point why you could use the same css code over and over again, instead of rewriting it for each object in your page.<br />
And I&#8217;m not even talking about different pages or a whole website&#8230;</p>
<p><strong>How to insert css in your html file</strong></p>
<p>CSS is a file containing code you and that puts a layout on specific objects in your html file.</p>
<p>That code can be written in a html file within these tags</p>
<pre class="brush: xml; title: ; notranslate">
&lt;STYLE type=text/css&gt;                 &lt;/STYLE&gt;
</pre>
<p>Or in a css file that is included within the &lt;head&gt;&lt;/head&gt; tags.</p>
<p>Whatever css code you write in there will be applied to the code within that page.</p>
<p>If you are creating a website or more than one page, it might be more sufficient to use an include so you can reuse the same code over and over again.</p>
<p>In my opinion the only times you can or should use the &lt;style&gt; tags without an include is if you are sure you will never create another page with the same layout or for testing.</p>
<p>Just for readability alone, it might be better to separate it from your original html file and include it.</p>
<p><strong>How css is written</strong></p>
<p>The coding is quite simple, the only difficult thing to learn is: what properties are there? And on which object are they possible?</p>
<p>Css is always written in this way:</p>
<pre class="brush: css; title: ; notranslate">
selector [, selector2, ...]:pseudo-class { property: value; }
/* comment*/
</pre>
<p>This means:</p>
<p>Selector<br />
Is the object you are trying to set the layout for.  It&#8217;s possible to put more than one selector by separating them with a comma.<br />
Ex: paragraphs, header, etc&#8230;</p>
<p>Pseudo class<br />
The pseudo class is a bit tricky and I will talk about that at the end of my tutorial.<br />
Ex: hover, link, visited, etc&#8230;</p>
<p>Property<br />
This is the property you want to set for a specific selector.<br />
Ex: background-color, font-size, etc&#8230;</p>
<p>Value<br />
This is the value you set for the property.<br />
Ex: 1px, #f1f1f1, none, etc&#8230;</p>
<p>Comment<br />
Comment is written between /* */ tags and can be 1 or more lines in length.</p>
<p><strong>Css on objects, classes and unique objects</strong></p>
<p>The selector is actually more then only an id and can be defined in various ways. I guess the best way to show this is by using some examples.<br />
This will set all paragraphs in your page with the background color red.</p>
<pre class="brush: css; title: ; notranslate">
p { background-color: red;}
&lt;p&gt;blabla&lt;/p&gt;
</pre>
<p>This will set all paragraphs with the class nature with a background green.</p>
<pre class="brush: css; title: ; notranslate">
p.nature { background-color: green; }
&lt;p class=&quot;nature&quot;&gt;blabla&lt;/p&gt;
</pre>
<p>This will put a background color green on every paragraph and a brow background color on every font with class tree within the nature paragraph.</p>
<pre class="brush: css; title: ; notranslate">
p.nature { background-color: green; }
p.nature font.tree { background: brown; }
&lt;p class=&quot;nature&quot;&gt; blabla &lt;font class=&quot;tree&quot;&gt; more bla &lt;/font&gt;
&lt;/p&gt;
</pre>
<p>If you are willing to put a layout on 1 specific object you can do that by using the #. In this case, the paragraph sky will get a blue background.</p>
<pre class="brush: css; title: ; notranslate">
#sky { background-color: blue}
&lt;p id=&quot;sky&quot;&gt;blabla&lt;/p&gt;
</pre>
<p>This part is very important because you can save tons of time and code by using classes and ids.</p>
<p><strong>Basic css properties and there values</strong></p>
<p>There are quite a few different properties and not all properties can be used on any object.</p>
<p>It&#8217;s not very complex, but with some try and error you&#8217;ll find your way quite fast in the exciting world of properties. <img src='http://www.devexp.eu/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>I&#8217;ll give some examples first from simple to a bit more difficult and there possible values.</p>
<pre class="brush: css; title: ; notranslate">
background-color: #cccccc;
/* #cccccc is a grey color and can also be replaced by the string 'grey' */

margin: 5px;
/* this will put a margin of 5 pixels round the element */

font-size: normal;
/* The font size can also be replaced with number of px,em or % */

background: #FFFFFF url(image.jpg) repeat-x scroll left top;
/* As you can see it is also possible to add more than 1 value to some properties. */

#FFFFFF:          /* Is the default color the background has */
url(image.jpg)    /* is the image that will be displayed on the background*/
repeat-x          /*  is the way it will be repeated in. x is horizontal, y is vertical*/
scroll            /* sets if the image will be fixed or scroll with the rest of the page*/
left top          /* is where the background starts*/

/* Those are the more complex properties but can easily split up into different css properties if it's too complex.*/
background-color:  #FFFFFF;
background-image:  url(image.jpg);
background-repeat:  repeat-x;
background-attachment: scroll;
background-position: top left;
</pre>
<p>More properties are possible and you can find them other websites that I got lined up in the last part: &#8216;where to find good information on css&#8217;</p>
<p>&lt;strong&gt;The pseudo class&lt;/strong&gt;</p>
<p>These are used to add special effects to the object they are put on.</p>
<p>In this example you will add different text colors when the link is visited, hovered or active</p>
<pre class="brush: css; title: ; notranslate">
a:link {color:#FF0000}     /* unvisited link */
a:visited {color:#00FF00}  /* visited link */
a:hover {color:#FF00FF}    /* mouse over link */
a:active {color:#0000FF}   /* selected link */
</pre>
<p>Other pseudo-classes are possible like: first-child, focus, lang, etc&#8230;</p>
<p><strong>Where to find good information on css</strong></p>
<p><a href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets" target="_blank">General information </a><br />
<a href="http://jigsaw.w3.org/css-validator/" target="_blank">Test your css</a><br />
<a href="http://www.w3.org/Style/CSS/" target="_blank">Official w3c website </a></p>
<p>Off course this doesn&#8217;t cover the whole story as this is only a basic guide.</p>
<p>I just hope you have some advantage from reading this.</p>
<p>C u next time. K.</p>
<div class="shr-publisher-899"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://www.devexp.eu/2009/09/01/basic-tips-and-tricks-4-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>basic tips and tricks: 1. Basic HTML</title>
		<link>http://www.devexp.eu/2008/11/03/basic-tips-and-tricks-1-basic-html/</link>
		<comments>http://www.devexp.eu/2008/11/03/basic-tips-and-tricks-1-basic-html/#comments</comments>
		<pubDate>Mon, 03 Nov 2008 18:02:52 +0000</pubDate>
		<dc:creator>van Rumste Kenneth</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[Tips and Tricks]]></category>
		<category><![CDATA[basic]]></category>
		<category><![CDATA[lessons]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.devexp.eu/?p=230</guid>
		<description><![CDATA[There seems to be a big lack of knowledge in the field of basic web design, therefore I decided to write a step-by-step web design tutorial. Every post will be a new chapter in development; I will try to give &#8230; <a href="http://www.devexp.eu/2008/11/03/basic-tips-and-tricks-1-basic-html/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>There seems to be a big lack of knowledge in the field of basic web design, therefore I decided to write a step-by-step web design tutorial. Every post will be a new chapter in development; I will try to give you a fresh view on what really matters and is interesting for starting users. We&#8217;ll start with the basics like tags in html and go on with CSS; the future will tell us how far we get. The point is to share my experience with you guys, not to teach you every detail, if you are completely fresh to HTML and CSS; you better take a look at w3schools first. (<a href="http://www.w3schools.com/">http://www.w3schools.com</a>)</p>
<p>So let&#8217;s start off with our first post: BASIC HTML</p>
<p>First off all, if you want to learn HTML and CSS, try not to use the design view of programs to often. It&#8217;s very easy to create simple pages with those design views, but you won&#8217;t learn the code, and that&#8217;s the important stuff you need to know. So let&#8217;s take a look at basic fresh html code generated by Dreamweaver:</p>
<pre class="brush: xml; title: ; notranslate">
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;title&gt;Untitled Document&lt;/title&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>So what is really important in this example?</p>
<p>As you can see, html is completely built up with tags and every tag is written inside the tag it is containing to. You can see that the head and body tag are within the html tag, because the html tag is the whole page and the header and body are in it.</p>
<p>The head tags are simply to give information like the name of the page (now ‘Untitled Document&#8217;) and include the necessary files (that&#8217;s for later). The real important one is the body tag because that is what the user will see. Whatever you will write within these tags, will be displayed on the screen of the person that visits your website.</p>
<p>So if we write &lt;body&gt;test&lt;/body&gt; the user will get an empty, blank screen with test written on it. Easy, isn&#8217;t it? So now you can write whatever you want in the page. The tricky part is the layout of the text.</p>
<p>Layout of a text is also done with the tags as they are written in the first example. So when you want to write for example this is <strong>bold</strong> this is <em>italic</em> and this is <span style="text-decoration: underline;">underlined</span>, you will have to write this:</p>
<p>This is &lt;b&gt;bold&lt;/b&gt; this is &lt;i&gt;italic&lt;/i&gt; and this is &lt;u&gt;underlined&lt;/u&gt;</p>
<p>As you can see every type of layout has its own specific layout tags b for bold, I for italic and u for underline. When using tags, be sure that you always close the tags just as in the example.</p>
<p>Like there are tags for text layout, there are also tags for line breaks and paragraphs. When you are writing long texts with paragraphs in it, always try to write your text within the &lt;p&gt;&lt;/p&gt; tags. Don&#8217;t use 2 &lt;br /&gt; tags instead; this is a very often made mistake. This is for the simple reason that &lt;br /&gt; isn&#8217;t the same as a paragraph, it doesn&#8217;t react the same way for every user, a paragraph tag does. So use your &lt;br /&gt; tags wisely within the &lt;p&gt; tags like so:</p>
<pre class="brush: xml; title: ; notranslate">

This is a long text and when we go to a new line within the paragraph we use a line break
So this will be displayed on a new line within the same paragraph

This is a second paragraph that will be displayed
</pre>
<p>This will result in:</p>
<p>This is a long text and when we go to a new line within the paragraph we use a line break<br />
So this will be displayed on a new line within the same paragraph</p>
<p>This is a second paragraph that will be displayed</p>
<p>The last thing for today is the headings which are used to display titles. Just like the paragraph tag you can use the heading tag: &lt;h1&gt;&lt;/h1&gt;&lt;h2&gt;&lt;/h2&gt;. H stands for heading and the numbers are the scale that the heading is displayed in, 1 being the biggest and 6 being the smallest.</p>
<p>That was it for today my friends, this was the easiest part, in next lessons we will talk about topics like:</p>
<p>DIV vs. Tables<br />
CSS and how to use it properly<br />
debugging and testing<br />
and much more</p>
<div class="shr-publisher-230"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://www.devexp.eu/2008/11/03/basic-tips-and-tricks-1-basic-html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>3 tips when using jQuery</title>
		<link>http://www.devexp.eu/2008/09/29/3-tips-when-using-jquery/</link>
		<comments>http://www.devexp.eu/2008/09/29/3-tips-when-using-jquery/#comments</comments>
		<pubDate>Mon, 29 Sep 2008 09:52:18 +0000</pubDate>
		<dc:creator>van Rumste Kenneth</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[form]]></category>
		<category><![CDATA[json]]></category>
		<category><![CDATA[live]]></category>
		<category><![CDATA[query]]></category>
		<category><![CDATA[submit]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.devexp.eu/?p=146</guid>
		<description><![CDATA[AjaxForm or ajaxSubmit This plug-in provides numerous options you can call to manage your form before and after submission and all this in AJAX. More info on http://malsup.com/jquery/form/ Live Query When an element is loaded into a page, you will &#8230; <a href="http://www.devexp.eu/2008/09/29/3-tips-when-using-jquery/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p><strong>AjaxForm or ajaxSubmit</strong></p>
<p style="padding-left: 30px;">This plug-in provides numerous options you can call to manage your form before and after submission and all this in AJAX. More info on <a href="http://malsup.com/jquery/form/">http://malsup.com/jquery/form/</a></p>
<p><strong>Live Query</strong></p>
<p style="padding-left: 30px;">When an element is loaded into a page, you will not be able to use the events on this element. But when the Live Query is used, this magically appears to work&#8230; This is because the Live Query binds events of elements together every few milliseconds and does a DOM (<em>Document Object Model)</em> update. A really cool plug-in that creates the possibility for web developers to execute events without reloading the page every time an element is clicked. The only disadvantage of live query is the fact that it appears to slow down the execution time a bit, but when you don&#8217;t have to reload your page each time, I guess it&#8217;s worth the usage. More info on <a href="http://brandonaaron.net/docs/livequery/">http://brandonaaron.net/docs/livequery/</a></p>
<p><strong>JSON</strong> (<strong>J</strong>ava<strong>S</strong>cript <strong>O</strong>bject <strong>N</strong>otation)</p>
<p style="padding-left: 30px;">In our case we are using JSON as response-type from an AJAX request. This is a sort of XML but a lot easier to read, especially when you work with a lot of data. For more information on JSON visit <a href="http://json.org/">http://json.org/</a> or <a href="http://borkweb.com/story/the-case-for-json-what-is-it-and-why-use-it">http://borkweb.com/story/the-case-for-json-what-is-it-and-why-use-it</a></p>
<div class="shr-publisher-146"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://www.devexp.eu/2008/09/29/3-tips-when-using-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

