Pathfinder Development » “Ajax Overhaul, Part 3: Retrofit existing sites with jQuery, Ajax tabs, and photo carousels” Up on IBM Developerworks

“Ajax Overhaul, Part 3: Retrofit existing sites with jQuery, Ajax tabs, and photo carousels” Up on IBM Developerworks

Dietrich Kappe, Tuesday, July 8, 2008 @ 10:16 pm

Part 3 of my colleague Brian Dillard's series on retrofitting your web site with Ajax is now up on the IBM Developerworks site.

In this installment, you'll tame unmanageable product-details pages by placing content inside a tabbed interface. You'll also keep product images under control by displaying them in an image carousel. You'll learn how to employ both techniques using simple Dynamic HTML (DHTML) or more complex Ajax code. Either way, you'll again use the principle of progressive enhancement to keep your pages accessible even when JavaScript isn't enabled. To accomplish all this, you'll use two additional jQuery plug-ins: jCarousel for image slideshows and jQuery UI Tabs for tabs.

You'll also want to look at parts 1 and 2.

Topics: Ajax Development, Announcement, jQuery

agile ajax

Comments

None so far.

« Next Post Blog Home Previous Post »

We design and build extraordinary applications for companies looking to make the next great idea a reality.
learn more

.NET 2d physics 3d 3D GPS 3D physics 37signals Accessibility actionscript activerecord acts_as_ferret Add new tag Adium ADO.NET Entity Framework Adobe Adobe AIR Advertising agile Agile Development AIR Ajax Ajax Applications Ajax Bookmarking Ajax Components Ajax Development Ajax Examples Ajax Experience Ajax Frameworks Ajax history management Ajax Intervention Ajax libraries AJAX Obfuscation Ajax Performance Ajax Products Ajax Tools Ajax Widgets Amazon Amazon CDN Amazon Web Services amf Analysis Android Announcement Announcements antennae Apollo apple Application Architecture Application Development architecture AS3 ASP.NET Asynchronous Processing authorization awards Azure Back Button bandwidth bandwidth profiling Benchmarking Best Practices BitmapData.draw BJAX Blaze Advisor blog blogging Books Browsers Business Business Reasons for Ajax Business Rules C# caching Canvas Case Studies Charles chess Chesspresso Chicago Cloud Computing CloudFront CMS COBOL code code art Code Generation Color COMET Conference Confluence Consistency Content Management CRM CruiseControl CSS Custom Flex Component data visualization Degrafa Design Design Patterns design thinking Desktop Desktop RIA Developer's Notebook DHTML Diagnose Dojo Domain Knowledge Drools EC2 Echo2 Echo3 Editorial ERP Ethnographic Research events externalinterface Ext JS Facebook ferret FileReference Firefox Firefox Extensions fixtures Flash flash awards Flash Platform flash player flash player 10 Flex flex css flex skins flexunit Flickr Flock Flow Frameworks FriendFeed front end front end development fulltext search Games Gauge Component getting things done Git Google Google calendar Google Gadgets Google Gears g phone Grails Graphics Greasemonkey Groovy GStreamer GTD Gwittir GWT hardware Healthcare Hibernate HTML Hudson IDE Ideation IE IE6 IE7 IE8 iGoogle illustrator cs3 ILOG JRules importing graphics to flex Information Architecture Innovation Instructional Design Interaction Design interaction patterns design Interview iPhone iPod iTunes Java Javascript JavaScript frameworks Javascript Libraries JBoss Rules Jess Jetty JIT Jobs jQuery JSF JSON JSP JSR-94 JsUnit laptop Lazlo Legacy Systems lightweight LinkedIn LINQ logging Logical Model and Conceptual Model Low Pro Mac Malware Mash Note Mashups Meebo MetaWidget Methodology Microformats microsite Microsoft minimalism Mobile modeling Mootools mouse mouse scroll mouse wheel Mozilla Music MVC MySql NetNewsWire notebook obj-c Object-Oriented Object Relation Mapping (ORM) Office OOP Open Screen OpenSocial Open Source Opera Oracle ORM osx pagination Pair Programming papervision3d Patterns Peer Creation Performance Personas PGN PHP physics physics engines plugin preloader process Web/Tech Product Definition productivity Progressive Enhancement project management Project Website Prototype Prototyping PV3D QA qooxdoo Radiant CMS rails Really Simple History References Requirements Requirements Alice Toth Requirements Visualization resesign Restlet RETE Review ria Rich Interactions ruby rubyamf Ruby on Rails Ruby on Rails testing role S3 SaaS Safari San Francisco Scalability Scenarios Scriptaculous SDLC Search Security Selenium Semantic web SEO Server Side Silverlight skins SOA Social Networking Software Processes Songbird SpiderMonkey Sprajax Spreadsheets StageScaleMode Standards Startups STI Story Telling Struts Tamarin Task Flows Test Driven Development Testing textmate The Ajax Experience throttling Tilt Component Tools TraceMonkey Training Trends Tumblr Tutorial Tutorials Twitter UI UIViewController unit testing Unit Tests Usability Usability Testing User Experience user experience design user interface User Interface Standards User Research UXD Venture Capital Video Vision Visualization VLC Volta Web/Tech Web 2.0 Web Design Web Development Webkit Weblogs Web Services Web Standards Widgets will_paginate Windows Wireframes WordPress workflow work life balance xcode XML XML Metadata XUL Yahoo Map AS3 API YUI Zeigarnik Zeigarnik Effect ZK

“Ajax Overhaul, Part 3: Retrofit existing sites with jQuery, Ajax tabs, and photo carousels” Up on IBM Developerworks

Comments

Leave a comment

About Pathfinder

Recent

Archives

Topics

Blogroll

WordPress