--- title: 10 Practical Prototype Extensions for Designers & Developers description: You might have noticed that Website Magazine routinely features interesting jQuery plugins. There ... image: https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-19-54-9734-PM-Apr-10-2023-01-51-46-4347-PM-Apr-25-2023-03-40-46-2328-AM-May-01-2023-10-18-04-6811-PM.png --- [Log In](https://www.websitemagazine.com/_hcms/mem/login) [Subscribe](https://websitemagazine.tradepub.com/free/w_webk05/prgm.cgi) [![Website Magazine Logo](https://www.websitemagazine.com/hs-fs/hubfs/gradient-regular@3x-1.png?width=586&height=145&name=gradient-regular@3x-1.png "Website Magazine Logo")](http://Website%20Services,%20Inc.) - [About](https://www.websitemagazine.com/about) - [FAQs](https://www.websitemagazine.com/about/faq) - [Advertise](https://www.websitemagazine.com/about/advertise) - [Editorial Staff](https://www.websitemagazine.com/about/editorial-publishing-staff) - [Resources](https://websitemagazine.tradepub.com) - [Newsletter](https://www.websitemagazine.com/newsletter-sign-up) - More - [Contact Us](https://www.websitemagazine.com/contact) [Log In](https://www.websitemagazine.com/_hcms/mem/login) [Subscribe](https://websitemagazine.tradepub.com/free/w_webk05/prgm.cgi) Search - [Latest](https://www.websitemagazine.com) - [Design](https://www.websitemagazine.com/web-design) - [Development](https://www.websitemagazine.com/web-development) - [SEO](https://www.websitemagazine.com/seo) - [Ecommerce](https://www.websitemagazine.com/ecommerce) - [Content](https://www.websitemagazine.com/content) - [Marketing](https://www.websitemagazine.com/marketing) - [Advertising](https://www.websitemagazine.com/advertising) - [Email](https://www.websitemagazine.com/email) - [Infographics](https://www.websitemagazine.com/infographics) - [View All Topics](https://www.websitemagazine.com/channels) # 10 Practical Prototype Extensions for Designers & Developers ![Pete Prestipino](https://www.websitemagazine.com/hubfs/Pete%20Prestipino.jpeg) [by Pete Prestipino](https://www.websitemagazine.com/web-design/author/pete-prestipino) 29 Jan, 2009 - - - [mailto:?Body=https://www.websitemagazine.com/web-design/10-practical-prototype-extensions-for-designers-and-developers](mailto:?Body=https://www.websitemagazine.com/web-design/10-practical-prototype-extensions-for-designers-and-developers) - Link Copied! ![10 Practical Prototype Extensions for Designers & Developers](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-19-54-9734-PM-Apr-10-2023-01-51-46-4347-PM-Apr-25-2023-03-40-46-2328-AM-May-01-2023-10-18-04-6811-PM.png) You might have noticed that Website Magazine routinely features interesting jQuery plugins. There are options to jQuery however that Web designers and developers should seriously consider and one of those powerful alternatives is the Prototype Javascript framework. The Prototype JavaScript Framework provides an Ajax framework (and other utilities) implemented as a single file of JavaScript code, usually named prototype.js. Prototype is distributed standalone (prototypejs.org), but also as part of larger projects such as Ruby on Rails, script.aculo.us and Rico. Prototype provides various functions for developing JavaScript applications and features range from programming shortcuts to major functions for dealing with XMLHttpRequest. *Let's look at several interesting Prototype extensions for designers and developers.* **[3D Image Reflection](https://ajaxorized.com/3d-image-reflection-with-javascript/)**: This handy script can help to add another dimension to images. Designers and developers can create a (3d) image reflection using Prototype and Scriptaculous. **[Fisheye](https://positionabsolute.net/blog/2007/08/prototype-fisheye.php)**: The Fisheye control allows developers to present icons (vertical or horizontal) which react to the user's mouse - similar to the Mac OSX "Dock" effect. This component adds a professional degree of interactivity that improves usability. **[Phototype](https://ajaxorized.com/phototype-image-manipulation-with-javascript)**: Supporting various kinds of image manipulations, designers can rotate, resize, flip and do some other cool effects to images. **[Proto Check](https://bugrain.com/projects/protocheck/index.html)**: This extension enables developers to improve check boxes and radio buttons visually by replacing the controls with images. Proto Check also supports mouse and keyboard selection, as well as normal, read only and disabled controls. **[Gplottr](https://gplotter.offwhite.net/)**: A Javascript object which provides a simple interface to plot markers onto Google Maps using a simple XML file. The interface allows the user to write a few of lines of Javascript to provide this cross-browser functionality. **[CoolTips](https://www.wildbit.com/labs/cooltips/)**: CoolTips is used to replace conventional web-browser tooltips. The tooltips get contents of title attribute, so they're fully unobtrusive. **[LivePipe](https://livepipe.net/)**: LivePipe user interface components are a suite of widgets and controls for Web 2.0 applications built using the Prototype JavaScript Framework. **[Starbox](https://www.nickstakenburg.com/projects/starbox/)**: Starbox allows you to create all kinds of rating boxes easily using just one PNG image. For some extra effects you can add Scriptaculous as well. **[Plotr](https://solutoire.com/plotr/)**: Plotr is a charting framework for Prototype. It is based around PlotKit. This enabled developers to use Canvas or SVG elements for rendering bar, line and pie charts. The result is a lightweight charting framework (12kb!) named Plotr. **[Carousel](https://dev.victorstanciu.ro/experimente/prototype-carousel/en/)**: A highly configurable extension for Prototype with various options and parameters, similar in functionality to that of a normal carousel. It can be used in various forms of navigation (maps, image galleries, etc.). **[Marquee](https://code.google.com/p/kproto/wiki/Marquee)**: Allows for the display of a series of messages on a web page inside of a specified container. It supports any number of messages and can be configured with multiple options. ![Pete Prestipino](https://www.websitemagazine.com/hubfs/Pete%20Prestipino.jpeg) [Pete Prestipino](https://www.websitemagazine.com/web-design/author/pete-prestipino) Digital marketing executive with proven experience in all aspects of search engine optimization (SEO), performance-based advertising, consumer-generated/social media, email marketing, lead generation, Web design, usability, and analytics. - 20-year Internet marketing veteran, currently serving as the Digital Marketing Campaign Manager at Antenna Group (formerly Chicago Digital). - Former Editor-In-Chief of Website Magazine, and a regular speaker on Web technology digital marketing strategy - Author of several books on digital marketing Including Web 360: The Fundamentals of Web Success; Affiliate 360: The Fundamentals of Performance Marketing; Domains 360: The Fundamentals of Buying & Selling Domain Names, and SEO 360: The Fundamentals of Search Engine Optimization. - - - [mailto:peter@websitemagazine.com](mailto:peter@websitemagazine.com) #### Popular Post ### [6 Sexy Web Design Agency Websites ![6 Sexy Web Design Agency Websites](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-19-54-9734-PM-Apr-10-2023-01-58-57-4342-PM-Apr-25-2023-03-47-11-5390-AM-May-01-2023-10-24-02-6643-PM.png)](https://www.websitemagazine.com/web-design/6-sexy-web-design-agency-websites) ### [Six User Testing Questions to Ask While Navigating Website Redesigns ![Six User Testing Questions to Ask While Navigating Website Redesigns](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/question-mark483bf98ec5e163acbc5dff0000ff1aaa-3-1-1-1.png)](https://www.websitemagazine.com/web-design/six-user-testing-questions-to-ask-while-navigating-website-redesigns) ### [The Most Popular Fonts of 2015 ![The Most Popular Fonts of 2015](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/serifshot-3-1-1-1.jpg)](https://www.websitemagazine.com/web-design/the-most-popular-fonts) #### Subscribe to Our Newsletter! [![](https://a.impactradius-go.com/display-ad/13053-1438301)](https://semrush.sjv.io/c/3976891/1438301/13053)![](https://imp.pxf.io/i/3976891/1438301/13053) #### Latest in Web Design [![The Vertical Split Screen Design Trend](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-16-08-6449-PM-Apr-10-2023-02-12-54-4429-PM-Apr-25-2023-04-00-11-0245-AM-May-01-2023-10-36-44-2646-PM.png) The Vertical Split Screen Design Trend](https://www.websitemagazine.com/web-design/slicing-dicing-the-split-stacked-screens-trend) [![Six User Testing Questions to Ask While Navigating Website Redesigns](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/question-mark483bf98ec5e163acbc5dff0000ff1aaa-3-1-1-1.png) Six User Testing Questions to Ask While Navigating Website Redesigns](https://www.websitemagazine.com/web-design/six-user-testing-questions-to-ask-while-navigating-website-redesigns) [![Design for Conversion: Apply the Von Restorff Effect](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/unsplash-53117-Jan-23-2023-02-22-47-9807-PM-1-1-1.jpg) Design for Conversion: Apply the Von Restorff Effect](https://www.websitemagazine.com/web-design/design-for-conversion-apply-the-von-restorff-effect) [![Why Modern Web Design Is No More: The New Era of 'Product Design'](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-24-25-7392-PM-Apr-10-2023-02-13-05-1129-PM-Apr-25-2023-04-00-33-0074-AM-May-01-2023-10-36-52-3196-PM.png) Why Modern Web Design Is No More: The New Era of 'Product Design'](https://www.websitemagazine.com/web-design/why-modern-web-design-is-no-more-the-new-era-of-product-design) [![Before and After: Transforming Email Design with the 3 P's](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-16-08-6449-PM-Apr-10-2023-02-12-54-4429-PM-Apr-25-2023-04-00-11-0245-AM-May-01-2023-10-36-44-2646-PM.png) Before and After: Transforming Email Design with the 3 P's](https://www.websitemagazine.com/web-design/before-and-after-transforming-email-design-with-the-3-p-s) [![5 Fab, Fresh & Free Animation Libraries](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-16-08-6449-PM-Apr-10-2023-02-12-54-4429-PM-Apr-25-2023-04-00-11-0245-AM-May-01-2023-10-36-44-2646-PM.png) 5 Fab, Fresh & Free Animation Libraries](https://www.websitemagazine.com/web-design/5-fab-fresh-free-animation-libraries) [![gradient-regular@3x](https://www.websitemagazine.com/hs-fs/hubfs/gradient-regular@3x.png?width=128&height=128&name=gradient-regular@3x.png)](https://www.websitemagazine.com/) 999 E Touhy Ave, Des Plaines, IL 60018   [info@websitemagazine.com](mailto:info@websitemagazine.com) [(888) 7WEBMAG](tel:18887932624) [(312) 313-6576](tel:13123136576) About - [Advertise](https://www.websitemagazine.com/about/advertise) - [Editorial](https://www.websitemagazine.com/about/editorial-publishing-staff) - [Contact Us](https://www.websitemagazine.com/contact) Resources Membership - Login - Subscribe Signup for our newsletter © 2026 Website Magazine. All Rights Reserved - [Privacy Policy](https://www.websitemagazine.com/about/privacy) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Pete Prestipino", "url" : "https://www.websitemagazine.com/web-design/author/pete-prestipino" }, "dateModified" : "2023-05-01T22:18:39.868Z", "datePublished" : "2009-01-29T06:00:00.000Z", "headline" : "10 Practical Prototype Extensions for Designers & Developers", "image" : [ "https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-19-54-9734-PM-Apr-10-2023-01-51-46-4347-PM-Apr-25-2023-03-40-46-2328-AM-May-01-2023-10-18-04-6811-PM.png" ], "mainEntityOfPage" : { "@id" : "https://www.websitemagazine.com/web-design/10-practical-prototype-extensions-for-designers-and-developers", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.websitemagazine.com/hubfs/gradient-regular@3x-1.png" }, "name" : "Website Services, Inc." } } ``` ```json { "@context" : "https://schema.org", "@type" : "NewsArticle", "author" : [ { "@type" : "Person", "name" : "Pete Prestipino" } ], "headline" : "10 Practical Prototype Extensions for Designers & Developers", "publisher" : { "name" : "Website Magazine", "url" : "https://www.websitemagazine.com/" } } ```