{"id":493,"date":"2009-03-08T19:25:20","date_gmt":"2009-03-08T11:25:20","guid":{"rendered":"http:\/\/keemanxp.com\/blog\/?p=493"},"modified":"2009-03-14T23:48:41","modified_gmt":"2009-03-14T15:48:41","slug":"top-5-ajax-codes-for-web-developers","status":"publish","type":"post","link":"https:\/\/keemanxp.com\/blog\/2009\/top-5-ajax-codes-for-web-developers.html","title":{"rendered":"Top 5 AJAX Codes for Web Developers"},"content":{"rendered":"<p>For web developers, AJAX (<a target=\"_blank\" href=\"http:\/\/en.wikipedia.org\/wiki\/Ajax_(programming)\">Asynchronous JavaScript and XML<\/a>) provides plenty of enhancement to the design of a website. It makes the web look astonishingly elegant yet effective. For the last couple of months, I have spent a lot of time exploring the various AJAX codes available that could be incorporated to my design and development work. Here, I list out the 5 best free AJAX codes that are of high quality and easy to configure.<\/p>\n<h2>1. <a target=\"_blank\" href=\"http:\/\/www.dynamicdrive.com\/dynamicindex17\/ajaxtabscontent\/\">Ajax Tabs Content<\/a><\/h2>\n<p><img decoding=\"async\" alt=\"\" src=\"http:\/\/keemanxp.com\/blog\/wp-content\/uploads\/image\/1(1).jpg\" \/><\/p>\n<p>This is a versatile script that lets you display content pulled from external files inside a DIV and organized via CSS tabs. A fully unobtrusive, CSS and HTML based script.<\/p>\n<h2>2. <a target=\"_blank\" href=\"http:\/\/www.huddletogether.com\/projects\/lightbox2\/\">Lightbox 2<\/a><\/h2>\n<p><img decoding=\"async\" alt=\"\" src=\"http:\/\/keemanxp.com\/blog\/wp-content\/uploads\/image\/lightbox.jpg\" \/><\/p>\n<p>Lightbox is a simple, unobtrusive script used to overlay images on the current page. It&rsquo;s a snap to setup and works on all modern browsers. Lightbox 2 uses the Prototype Framework and Scriptaculous Effects Library.<\/p>\n<h2>3. <a target=\"_blank\" href=\"http:\/\/demos.mootools.net\/Accordion\">Accordian<\/a><\/h2>\n<p><img fetchpriority=\"high\" decoding=\"async\" height=\"179\" width=\"446\" alt=\"\" src=\"http:\/\/keemanxp.com\/blog\/wp-content\/uploads\/image\/top3.jpg\" \/><\/p>\n<p>A smooth and stylish &lsquo;accordian&rsquo; effect menu. This allows you to create a dynamic menu that can be expanded by clicking on the headings\/titles.<\/p>\n<h2>4. <a target=\"_blank\" href=\"http:\/\/cow.neondragon.net\/stuff\/reflection\/\">Reflection.js<\/a><\/h2>\n<p><img decoding=\"async\" alt=\"\" src=\"http:\/\/keemanxp.com\/blog\/wp-content\/uploads\/image\/reflection.jpg\" \/><\/p>\n<p>Reflection.js allows you to add reflections to images on your webpages. It works in all the major browsers &#8211; Internet Explorer 5.5+, Mozilla Firefox 1.5+, Opera 9+ and Safari. On older browsers, it&rsquo;ll degrade and your visitors won&rsquo;t notice a thing. Best of all, it&rsquo;s under 5KB.<\/p>\n<h2>5.<a target=\"_blank\" href=\"http:\/\/www.dhtmlgoodies.com\/index.html?showDownload=true&amp;whichScript=dragable-content\"> Dragable Content<\/a><\/h2>\n<p><img decoding=\"async\" alt=\"\" src=\"http:\/\/keemanxp.com\/blog\/wp-content\/uploads\/image\/drag.jpg\" \/><\/p>\n<p>This scripts allow you to make your content dynamic and visitors can redesign the elements contain on your page by simply drag and drop.<\/p>\n<p>I&#8217;ll be listing more as I learn more of the AJAX codes available. Have fun trying!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For web developers, AJAX (Asynchronous JavaScript and XML) provides plenty of enhancement to the design of a website. It makes<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[193,194,195,2128],"class_list":["post-493","post","type-post","status-publish","format-standard","hentry","category-web-design","tag-ajax","tag-javascript","tag-top","tag-web-design"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/posts\/493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/comments?post=493"}],"version-history":[{"count":0,"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/posts\/493\/revisions"}],"wp:attachment":[{"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/media?parent=493"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/categories?post=493"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/keemanxp.com\/blog\/wp-json\/wp\/v2\/tags?post=493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}