http://blog.stegnar.com/ Reflections on Software Development en-us Peter Stegnar Tue, 11 Aug 2009 05:20:20 GMT newtelligence dasBlog 2.3.9074.18820 peter@stegnar.com peter@stegnar.com http://blog.stegnar.com/Trackback.aspx?guid=f09349e6-e8dc-416f-b618-9a521752772f http://blog.stegnar.com/pingback.aspx http://blog.stegnar.com/PermaLink,guid,f09349e6-e8dc-416f-b618-9a521752772f.aspx Peter Stegnar http://blog.stegnar.com/CommentView,guid,f09349e6-e8dc-416f-b618-9a521752772f.aspx http://blog.stegnar.com/SyndicationService.asmx/GetEntryCommentsRss?guid=f09349e6-e8dc-416f-b618-9a521752772f A jQuery library quickly emerging really popular - and for a reason. I think it is one of the best JavaScript frameworks. You can do fancy stuff really fast and clean.

You can start a Getting Started with jQuery. On the jQuery homepage you can find a lot of nice tutorials. If you have not try jQuery, please do. You will be amazed.

Bassically what jQuery brings to web delopement is that it separates HTML and behaviour. Similarly what CSS brought: separation of presentation and HTML.

There are a great tool named Firebug, which really helps with web development. This tool surely demand a separate post. You can inspect a web page, play with CSS on the fly, debug, use a console ... Here it comes a jQuery. You can write a jQuery instruction right into the console, and it will be applied on the fly. Amazing. All you have to do is to "jQuerify" a web page.

Another great thing to know when you work with jQuery is what the selector will actually select. You can try a SelectorGadget tool which shows the most appropriate selector for the selected element(s). This tool is so great also because all you have to do to run it, just click a "link" when you are on the desired page to be check. Great!

More on Firebug and jQuery in the great video:

• http://polymorphicpodcast.com/podcast/video/firebug-and-jquery/

http://blog.stegnar.com/PermaLink,guid,f09349e6-e8dc-416f-b618-9a521752772f.aspx http://blog.stegnar.com/2009/08/11/jQuery.aspx Tue, 11 Aug 2009 05:20:20 GMT A jQuery library quickly emerging really popular - and for a reason. I think it is one of the best JavaScript frameworks. You can do fancy stuff really fast and clean.<br> <br> You can start a <a href="http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery">Getting Started with jQuery</a>. On the jQuery homepage you can find a lot of nice <a href="http://docs.jquery.com/Tutorials">tutorials</a>. If you have not try jQuery, please do. You will be amazed.<br> <br> Bassically what jQuery brings to web delopement is that it separates HTML and behaviour. Similarly what CSS brought: separation of presentation and HTML.<br> <br> There are a great tool named <a href="http://getfirebug.com/">Firebug</a>, which really helps with web development. This tool surely demand a separate post. You can inspect a web page, play with CSS on the fly, debug, use a console ... Here it comes a jQuery. You can write a jQuery instruction right into the console, and <b>it will be applied on the fly</b>. Amazing. All you have to do is to "<a href="http://www.learningjquery.com/2006/12/jquerify-bookmarklet">jQuerify</a>" a web page.<br> <br> Another great thing to know when you work with jQuery is what the selector will actually select. You can try a <a href="http://www.selectorgadget.com/">SelectorGadget </a>tool which shows the most appropriate selector for the selected element(s). This tool is so great also because all you have to do to run it, just click a "<a href="javascript:(function(){var%20s=document.createElement('div');s.innerHTML='Loading...';s.style.color='black';s.style.padding='20px';s.style.position='fixed';s.style.zIndex='9999';s.style.fontSize='3.0em';s.style.border='2px%20solid%20black';s.style.right='40px';s.style.top='40px';s.setAttribute('class','selector_gadget_loading');s.style.background='white';document.body.appendChild(s);s=document.createElement('script');s.setAttribute('type','text/javascript');s.setAttribute('src','http://www.selectorgadget.com/stable/lib/selectorgadget.js?raw=true');document.body.appendChild(s);})();">link</a>" when you are on the desired page to be check. Great!<br> <br> More on Firebug and jQuery in the great video:<br> <ul> <li> <a href="http://polymorphicpodcast.com/podcast/video/firebug-and-jquery/">http://polymorphicpodcast.com/podcast/video/firebug-and-jquery/</a> </li> </ul> <br> <img width="0" height="0" src="http://blog.stegnar.com/aggbug.ashx?id=f09349e6-e8dc-416f-b618-9a521752772f" /> http://blog.stegnar.com/CommentView,guid,f09349e6-e8dc-416f-b618-9a521752772f.aspx jQuery