Agile Ajax » “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 are a user experience design and software development firm

See what we've done.

Learn how we work.

Subscribe via email

Subscribe via RSS

.NET .NET Browser Control 2d physics 3d 3D GPS 3D physics 37signals Acceptance Tests Accessibility ActionMailer actionscript activerecord acts_as_ferret Add new tag Adium ADO.NET Entity Framework Adobe Adobe AIR adobe flex Adobe Illustrator Advertising aggregation agile Agile Development agile thinking AIR Ajax Ajax Applications Ajax Bookmarking Ajax Components Ajax Development Ajax Examples Ajax Experience Ajax Frameworks Ajax history management Ajax Intervention Ajax libraries Ajax library AJAX Obfuscation Ajax Performance Ajax Products Ajax toolkit Ajax Tools Ajax Widgets A list apart Amazon Amazon CDN Amazon Web Services amf Analysis Android animation Announcement Announcements antennae Antipatterns Apache Apollo apple Application Architecture Application Development architecture AS3 ask a UI guy ASP.NET ASP.NET asterisk Asynchronous Processing authorization awards axiis Azure Back Button backups bandwidth bandwidth profiling Beans beer Benchmarking Best Practices BitmapData.draw BJAX blackberry Blaze Advisor blender blog blogging book review Books braindump browser Browsers Bugs Business Business Reasons for Ajax Business Rules C# caching campfire Canvas capistrano Case Studies CFO Charles checklist chess Chesspresso Chicago chicagoruby chirb windycityrails CIO Cloud Computing CloudFront CMS COBOL Cocoa code code art Code Generation code generator Color COMET Conference Confluence Consistency Content Management continuous integration converget appliances core animation CRM cruise CruiseControl CSS cucumber Custom Application Development Custom Flex Component Data Mapper data visualization Degrafa deployment deprec Design Design Patterns design thinking Desktop Desktop RIA Developer's Notebook development DHTML Diagnose Dojo Domain Knowledge don norman Drools drupal dynamic languages ease of use EC2 Echo2 Echo3 Editorial Entrepreneur erb ERP Estimating estimation Ethnographic Research events everyblock Excel externalinterface Ext JS Extreme Programming eye tracking Facebook factory Feedback Loop ferret FileReference Firebug Firefox Firefox Extensions fixturereplacement fixture replacement fixtures Flare Flash flash awards Flash Platform flash player flash player 10 Flash Player optimization Flash Remoting Flex Flex3 flex code generator flex css flexmock Flex optimization flex skins flexunit Flickr Flock Flow Fluent forms Frameworks FriendFeed front end front end development fulltext search functional Games Gauge Component gem getting things done Git github gitignore Golf Google Google Analytics Google Analytics for Flash Google Analytics for Flex google android Google calendar google docs Google Gadgets Google Gears google maps GORM government g phone Grails Graphics Greasemonkey Groovy GStreamer GTD Gwittir GWT h.264 haml hardware Healthcare heuristic evaluation Hibernate hosting HTML Hudson IBM IDE Ideation IE IE6 IE7 IE8 iGoogle illustrator cs3 ILog ILOG JRules imacros importing graphics to flex Information Architecture infrastructure Innovation Instructional Design Interaction Design interaction patterns design Internship Interview iPhone iPhone SDK iPod irb iteration IT Mill Toolkit iTunes jakob nielson Java javafx Javascript JavaScript frameworks Javascript Libraries JBoss Rules Jess Jetty JIT jmeter 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 mapping Mash Note Mashups math Meebo metal metaprogramming MetaWidget Methodology Microformats microsite Microsoft migrations minimalism Mobile mobile platform mocking mock objects modeling mod_rails monitoring Mootools mouse mouse scroll mouse wheel Mozilla Music MVC MySql natural key neal ford NetNewsWire networking news newspapers nfjs NHibernate nokia notebook NSURLProtocol obj-c Object-Oriented Objective-C Object Relation Mapping (ORM) ocmock Office OmniGraffle online spreadsheets OOAD OOP opengl Open Screen OpenSocial Open Source opensource Opera Oracle ORM osx OS X pagination Pair Programming palm papervision3d Pathfinder Development Patterns Peer Creation Performance Personas PGN PHP Phusion Passenger physics physics engines planning plugin plugins portableapps pragmatic Predictions preloader primary key process Web/Tech Product Definition Production Support productive programer productivity product launch Progressive Enhancement project concept project management Project Website Prototype Prototyping PureMVC PV3D pyro QA qooxdoo Radiant CMS rails railscasts Rails Environment Tests railsrx Really Simple History Refactor refactoring References regex regular expressions Requirements Requirements Alice Toth Requirements Visualization resesign Restlet RETE Review rfp ria Rich Interactions rich internet applicaiton rich internet applications ROI rspec ruby rubyamf Ruby on Rails Ruby on Rails testing role S3 SaaS Safari San Francisco Scalability Scenarios Scriptaculous Scrum SDLC Search Secretariat Security Selenium SeleniumIDE Semantic web SEO Server Side shoulda Silverlight simplicity skins SOA soapUI Social Networking software develoment Software Development Software Engineering Software Processes Songbird SpiderMonkey Sprajax Spreadsheets StageScaleMode Standards standish starting projects Startups static typing Stencils STI Story Telling Structured Design Struts sun surrogate key Swing tabs tag taglib Tamarin Tank Engine Task Flows tdd teams telephony Tellurium test::unit Test Driven Development Testing tether textmate The Ajax Experience throttling Tilt Component Tools touch screen kiosk TraceMonkey Training Trends Tumblr Tutorial Tutorials Twitter ubuntu UI UIViewController uml unit testing Unit Tests unity3d Usability Usability Testing user driven agile User Experience user experience design user groups user interface User Interface Standards User Research UXD value Venture Capital Video Vision visual analytics visual design visual documentation Visualization VLC VML Volta waterfall watij watir web Web/Tech Web 2.0 web app Web Design Web Development web forms web hosting web infrastructure Webkit Weblogs Web Services WebSockets Web Standards WebTest Widgets will_paginate Windows windows mobile WinForms Wireframes WordPress workflow work life balance xcode XML XML Metadata xp XUL Yahoo Map AS3 API YUI Zeigarnik Zeigarnik Effect ZendAMF ZK

Pathfinder is a software development firm. Hire us to build complex software that's easy to use.

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

Comments

Leave a comment

About Pathfinder

We are a user experience design and software development firm

See what we've done.

Learn how we work.

Follow the Blog

Subscribe via email

Subscribe via RSS

Categories

Topics

Archives

Blogroll

Recent

Search

WordPress