Web 2.0 and Web 3.0

 

What Are Web 2.0 and Web 3.0?

Web 2.0 and Web 3.0 refer to successive iterations of the web, compared with the original Web 1.0 of the 1990s and early 2000s. Web 2.0 is the current version of the internet (a term often used interchangeably with the web) with which we are all familiar, while Web 3.0 represents its next phase.

Web refers to the World Wide Web (WWW), the internet’s core information retrieval system. The WWW initialism used to (and often still does) preface a web address and was one of the first characters typed into a web browser when searching for a specific resource online. Internet pioneer Tim Berners-Lee is credited with coining the term World Wide Web to refer to the global web of information and resources interconnected through hypertext links.1

KEY TAKEAWAYS

• Web 2.0 and Web 3.0 represent successive, advanced iterations of the original Web 1.0 of the 1990s and early 2000s. Web 2.0 is the current version of the web with which we are all familiar, while Web 3.0 represents its next phase, which will be decentralized, open, and of greater utility.
• Innovations such as smartphones, mobile internet access, and social networks have driven the exponential growth of Web 2.0.
• Web 2.0 has disrupted sectors that fail to integrate the new web-based business model.
• Defining features of Web 3.0 include decentralization; trustlessness and permissionlessness; artificial intelligence (AI) and machine learning; and connectivity and ubiquity.

Web 1.0

Berners-Lee pioneered the early development of the internet in 1990 when he was a computer scientist at European researcher CERN.2 By October 1990, Berners-Lee had written the three fundamental technologies that became the foundation of the web, including the very first webpage editor/browser (WorldWideWeb.app):

• HTML: HyperText Markup Language, the markup or formatting language of the web
• URI or URL: Uniform Resource Identifier or Locator, a unique address used to identify each resource on the web
• HTTP: HyperText Transfer Protocol, which allows for the retrieval of linked resources from across the web3

By the mid-1990s, the introduction of web browsers such as Netscape Navigator ushered in the era of Web 1.0. This was the age of static webpages retrieved from servers, a far cry from the slick content that is taken for granted today. Most internet users at that time were delighted by the novelty of features such as email and real-time news retrieval. Content creation was still in its infancy, and users had little opportunity for interactive applications, although this improved as online banking and trading became increasingly popular.

Web 2.0

Web 2.0 refers to a paradigm shift in how the internet is used. Over the past 15 to 20 years, the bland webpages of Web 1.0 have been completely replaced by Web 2.0’s interactivity, social connectivity, and user-generated content. Web 2.0 makes it possible for user-generated content to be viewed by millions of people around the world virtually in an instant; this unparalleled reach has led to an explosion of this type of content in recent years.

The exponential growth of Web 2.0 has been driven by key innovations such as mobile internet access and social networks, as well as the near-ubiquity of powerful mobile devices like iPhones and Android-powered devices. In the second decade of this millennium, these developments enabled the dominance of apps that greatly expanded online interactivity and utility—for example, Airbnb, Facebook, Instagram, TikTok, Twitter, Uber, WhatsApp, and YouTube, to name a few.

The phenomenal revenue growth of these dominant platforms has made many of the Web 2.0-centric companies—such as Apple, Amazon, Google, Meta (formerly Facebook), and Netflix—among the world’s biggest companies by market capitalization (there is even an acronym for them: FAANG).

These applications have also spurred the growth of the gig economy, by enabling millions of people to earn income on a part-time or full-time basis by driving, renting their homes, delivering food and groceries, or selling goods and services online. Web 2.0 has also been tremendously disruptive to certain industries to the point of being an existential threat to some of them. These are sectors that have either failed to adapt to the new web-centric business model or been slow to do so, with retail, entertainment, media, and advertising among the hardest hit.

2004

This year witnessed two notable developments that accelerated the development and adoption of Web 2.0: Google’s initial public offering (IPO) and the creation of Facebook (now Meta)5 Both companies are part of the FAANG group, which consists of the biggest U.S. technology giants.

Web 3.0

Web 3.0 represents the next iteration or phase of the evolution of the web/internet and potentially could be as disruptive and represent as big a paradigm shift as Web 2.0 did. Web 3.0 is built upon the core concepts of decentralization, openness, and greater user utility.

Berners-Lee had expounded upon some of these key concepts back in the 1990s, as outlined below:

• Decentralization: “No permission is needed from a central authority to post anything on the web, there is no central controlling node, and so no single point of failure...and no ‘kill switch’! This also implies freedom from indiscriminate censorship and surveillance.”
• Bottom-up design: “Instead of code being written and controlled by a small group of experts, it was developed in full view of everyone, encouraging maximum participation and experimentation.”

In a 2001 paper, Berners-Lee discussed the concept of what he referred to as the Semantic Web.6 Computers have no reliable way to process the semantics of language (i.e., figure out the actual context in which a word or phrase is used). Berners-Lee’s vision for the Semantic Web was to bring structure to the meaningful content of webpages and enable software that would carry out sophisticated tasks for users.

Web 3.0 has moved well beyond the original concept of the Semantic Web as conceptualized by Berners-Lee in 2001. This is partly because it is very expensive and monumentally difficult to convert human language—with all its subtle nuances and variations—into a format that can be readily understood by computers, and because Web 2.0 has already evolved substantially over the past two decades.

Defining Features of Web 3.0

Though there is as yet no standardized definition of Web 3.0, it does have a few defining features:

Decentralization: This is a core tenet of Web 3.0. In Web 2.0, computers use HTTP in the form of unique web addresses to find information, which is stored at a fixed location, generally on a single server. With Web 3.0, because information would be found based on its content, it could be stored in multiple locations simultaneously and hence be decentralized. This would break down the massive databases currently held by internet giants like Meta and Google and would hand greater control to users.

With Web 3.0, the data generated by disparate and increasingly powerful computing resources, including mobile phones, desktops, appliances, vehicles, and sensors, will be sold by users through decentralized data networks, ensuring that users retain ownership control.

Trustless and permissionless: In addition to decentralization and being based upon open source software, Web 3.0 will also be trustless (i.e., the network will allow participants to interact directly without going through a trusted intermediary) and permissionless (meaning that anyone can participate without authorization from a governing body). As a result, Web 3.0 applications will run on blockchains or decentralized peer-to-peer networks, or a combination thereof—such decentralized apps are referred to as dApps.

Artificial intelligence (AI) and machine learning: In Web 3.0, computers will be able to understand information similarly to humans, through technologies based upon Semantic Web concepts and natural language processing. Web 3.0 will also use machine learning, which is a branch of artificial intelligence (AI) that uses data and algorithms to imitate how humans learn, gradually improving its accuracy. These capabilities will enable computers to produce faster and more relevant results in a host of areas like drug development and new materials, as opposed to merely targeted advertising that forms the bulk of current efforts.

Connectivity and ubiquity: With Web 3.0, information and content are more connected and ubiquitous, accessed by multiple applications and with an increasing number of everyday devices connected to the web—one example of which is the Internet of Things.

Potential and Pitfalls of Web 3.0

Web 3.0 has the potential to provide users with far greater utility, going well beyond the social media, streaming, and online shopping that comprise the majority of Web 2.0 applications consumers use. Capabilities like Semantic Web, AI, and machine learning, which are at the core of Web 3.0, have the potential to greatly increase application in new areas and vastly improve user interaction.

Core features of Web 3.0, such as decentralization and permissionless systems, will also give users much greater control over their personal data. This may help limit the practice of data extraction—which refers to information collected from web users without their consent or compensation—and curb the network effects that have enabled the technology giants to become near-monopolies through exploitative advertising and marketing practices.

However, decentralization also brings with it significant legal and regulatory risks. Cybercrime, hate speech, and misinformation are already difficult to police and will become even more so in a decentralized structure because of the lack of central control. A decentralized web would also make regulation and enforcement very difficult; for example, which country’s laws would apply to a specific website whose content is hosted in numerous nations globally?

Is Web 3.0 the Same as the Semantic Web?

Web 3.0 goes well beyond the Semantic Web envisioned by web pioneer Tim Berners-Lee in 2001. Though Web 3.0 uses technologies based on Semantic Web concepts and natural language processing to make user interaction more intuitive, it also has other features, such as widespread use of artificial intelligence (AI) and machine learning, and trustless/permissionless systems, such as blockchain and peer-to-peer networks.

Which Newer Technologies in Finance Will Be Facilitated by Web 3.0?

Because of its key decentralization feature, Web 3.0 lends itself to technologies such as blockchain, distributed ledger, and decentralized finance (DeFi).

What’s a Real-World Example of How Web 3.0 Will Be Able to Provide Greater User Utility?

For example, if you are making plans for a vacation and are on a budget, you currently would have to spend hours looking for flights, accommodation, and car rentals, trawling through numerous websites and comparing prices. With Web 3.0, intelligent search engines or bots will be able to collate all this information and generate tailored recommendations based on your profile and preferences, saving you hours of work.

The Bottom Line

To use an analogy from the movies, if Web 1.0 represented the black-and-white movie era, Web 2.0 would be the age of color/basic 3D, while Web 3.0 would be immersive experiences in the metaverse. Just as the 2010s were the decade when Web 2.0 became the dominant force in the global business and cultural landscape, it might be Web 3.0’s turn in the 2020s. Facebook’s name change to Meta on Oct. 28, 2021, could well turn out to be an early sign that the shift to Web 3.0 is picking up steam.

The Definitive Guide to About Me Pages

One of the most important and least used aspects of any website is the “About Me” page. It’s not enough to have an interesting site and great product if your visitor can’t find a way to relate to you. Never under-estimate the power of personality. The internet isn’t a cold, sterile environment. As a matter of fact, within the last 15 years, it’s developed into a community addicted to interactivity, and communication. If you don’t believe me, check out Twitter. Twitter is a good example of why “About Me” pages are crucial. If you can amass a group of followers based on 140 characters of random biographical chatter, it’s a safe bet that those readers would also like to know a bit more about you.
In this guide, we’ll walk through the most essential aspects of any “About Me” page. At the end, you’ll be totally empowered to make your own page, because we’ll strip away all of your excuses!

1. Answer These Questions:

Who am I?
What can I do for you, the visitor?
How can I be contacted?
An “About Me” page can be whittled down to these three questions. Visitors want to know briefly who you are, why you decided to make a website, and how they can reach you if they want to hear more.
Who am I? A lot of successful “About Me” pages start off with “Hi, my name is…” Having a personal introduction is a great way to start off. Your “About Me” should come across as if you were talking face to face with your visitor. Although I personally prefer a first person narrative (“I am, We are…”), for corporate or more professional websites, it may be better to go with the third person voice (“Jimbo Designs is…”).
Don’t overwhelm the reader with too much information. Of course they want to know more about you, but it’s safe to leave out details like the name of your high school gym teacher, or the color of your first car. Your “About Me” page should expand on the purpose of your website. If your website is about the wonderful world of Photoshop, your “About Me” page should include how you got started on Photoshop, and briefly skim through your accomplishments.
What can I do for you, the visitor? Put yourself in the visitor’s shoes. The reason they’re clicking your “About Me” page is to relate to you. They want compare notes to see if you and they share the same awesome traits. Let’s face it, if a visitor’s searching for your “About Me” page, that means that you have piqued their curiosity and in some way inspired them to care about who you are. Don’t let them down!
Sometimes visitors will click on your “About Me” page because they want to know about how you can help them. You should always answer this question. To do this, first consider your visitor pool. If potential clients, explain your services. If fellow enthusiasts, share how you first fell in love with your subject matter. If learners, tell them why you’re qualified to make such a website.
How can I be contacted? Some websites have separate “Contact” pages, which is recommended, but you should also include your contact details on your “About Me” page to save the visitor from clicking too many pages. A good idea is to add social media buttons on your “About Me” page. Everyone loves Twitter, and in addition to that, include your Facebook, LinkedIn, Delicious, and Flickr pages. Be careful, though, if you’re including a Facebook identity. We all know how carefree a Facebook identity can be, but if you’re promoting a professional brand, your Facebook profile picture shouldn’t be a questionable image from Spring Break.
In certain websites, it’s a good idea to have a separate “About Me” for you as an individual and one for your website. This especially pertains to websites that aim to help people or sell services.

2. The Photo

After you’ve tackled the words, it’s time to choose an image that encapsulates your personality. A photograph on your “About Me” page is not optional. It gives the visitor another way to relate to you. And, if you don’t include a photograph of yourself, your “About Me” page will seem incomplete.
There are several ways you can go with this. Observe:
The “Reliable Professional” Photo

The “Awkward Child” Photo

The “I Looked Good in that Photo” Photo

The “I’m So Funny” Photo

The “Me with My Hobby” Photo

As you can see in all these examples, an “About Me” photo can range depending on your personality and intended audience. Although tone doesn’t always translate well in words, it’s easy to recognize in pictures. When a visitor sees your image, they can start piecing together a more accurate idea of you.
Another note about the photo is that it should be a photo of your face, not an photo of your right foot, or a random stock image. Privacy is definitely an issue on the internet, but through the process of creating a website, you open yourself up to some sort of transparency. Why not further the bond between you and the visitor by showing them who you are?

3. Highlight Great Posts

The “About Me” page is the perfect place to do some cross-promotion. Often times, after arriving at your home page, a first time visitor’s next click will be to your “About Me” page. Give them a general scope of your website, such as “Must See” or “Most Popular” posts. That’s a sure-fire way to drive more traffic to the posts you’re most proud of. It’s also a comprehensive way to welcome visitors to your site.

4. Create an Indented Listing for you “About Me” Page on Google

This step isn’t as well known as others, but guaranteed to drive more traffic to your site. An indented listing is when a second page from your website is listed directly under your main website on Google’s search page.
The effect is that visitors are more likely to click on your website.
The “About Me” page is the perfect way to create an indented listing under your website. In order to do this, you’ll need to ensure that your website is within the first ten results on Google for a particular keyword. That keyword may be the name of your website, or brand.
Start off by optimizing your “About Me” page with the same keyword from your home page (or whichever page ranks in the top ten results). Next, link your “About Me” to that page. Now, go to the main page (that’s in the top ten results), and create an anchor text that links to your “About Me.” Of course, it also helps if you get inbound links from other sites. So, be sure to leave comments below, and link to your “About Me” page in the website box!

Best Of 2011: Best Useful jQuery Plugins And Tutorials

jQuery is one of the most accepted JavaScript library that possesses an enormous collection of plugins which makes it even more powerful. On the other hand, there is a good deal of additional codes or modules, from simple alert functions to multifaceted galleries or form validation methods, that are hard-coded inside websites & not convinced to plugins.
Of course, not each code must become a plugin that would be worthless. However converting the ones to be re-utilized will save loads of improvement time & if shared with the community, will make the code itself better.
In this post, you will unearth some of the most excellent, interesting fresh and useful jQuery plugins and tutorials that were created in 2011.
File Uploads with jQuery
( Demo | Download )
This plugin will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers.

ComboGrid
( Demo | Download )
Combogrid, like autocomplete, when added to an input field, enables users to quickly find and select from a pre-populated list of values as they type, but in a tabular and paginated manner. Combogrid provides keyboard navigation support for selecting an item.

MotionCAPTCHA
( Demo | Download )
MotionCAPTCHA is a jQuery CAPTCHA plugin, based on the HTML5 Canvas Harmony procedural drawing tool by Mr Doob and the Unistroke Gesture Regonizer algorithm (and the more recent Protractor algorithm improvement), requiring users to sketch the shape they see in the canvas in order to submit a form.

Elastislide
( Demo | Download )
With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid.

Spin.js
( Demo | Download )
The spin method creates the necessary HTML elements and starts the animation. If a target element is passed as argument, the spinner is added as first child and horizontally and vertically centered.

Craftyslide
( Demo | Download )
Craftyslide is a tiny (just 2kb) slideshow built on jQuery. Craftyslide aims to be different, by providing a simple, no-frills method of displaying images; packaged into a small, clean and efficient plugin.

Arbor.js
( Demo | Download )
Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling.

Recurly.js
( Demo | Download )
Recurly.js allows you to easily embed a PCI compliant order form within your website. Recurly.js is a Javascript library designed to be easily embedded and customized to match your website.


How to Block Adblock
( Demo | Download )
With this friendly jQuery plugin you can easily blog Block Adblock.

Power PWChecker
( Demo | Download )
Power PWChecker jQueryPlugin observes passwords as users type and provide instant password strength check (Weak, Medium, or Strong). This encourages users to review their password selection and ensure that the password is strong and secure. Power PWChecker also allows you to enforce password length policy by specifying minimum and maximum password length. It also matches password entries and provides visual alert in case of inconsistent passwords.

Sisyphus
( Demo | Download )
Imagine you’re filling a complex form on site, or typing effervescent and extensive comment. And when you’re almost done with that browser is crashed, or you closed tab mistakenly, or electricity is turned off, or something else break your efforts. Disgusting, huh? With Sisyphus on site you just reopen page in your modern (with HTML5 support) browser and see all your changes at that forms. It’s lightweight (3.5 KB) jQuery plugin uses Local Storage to prevent your work being lost.

Response Javascript
( Demo | Download )
Response JS is a lightweight jQuery plugin that gives web designers tools for building performance-optimized, mobile-first responsive websites. It provides semantic ways to dynamically swap code blocks based on breakpoints and serve media progressively via HTML5 data attributes. Its object methods give developers hooks for triggering responsive actions and booleans for testing responsive properties.

Responsly.js
( Demo | Download )
Responsive designs are cool! Not only do they allow you to reach mobile and tablet users with minimal effort, they also make your context scale up for desktop users with larger screens.

Fitvids.js
( Demo | Download )
A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

Isotope
( Demo | Download )
Isotope: An exquisite jQuery plugin for magical layouts

Slidorion
( Demo | Download )
Slidorion is a combination of an image slider and an accordion; displaying beautiful content through various effects.

Diapo
( Demo | Download )
With Diapo plugin you can creat a beautiufl slideshow.

Minimit
( Demo | Download )
Minimit Gallery is a highly customizable Jquery plugin that does galleries, slideshows, carousels, slides… pratically everything that has multiple states.

Circular Content Carousel
( Demo | Download )
The idea is to have some content boxes that we can slide infinitely (circular). When clicking on the “more” link, the respective item moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Clicking on the closing cross will slide the expanded content area back in and animate the item to its original position.

HTML5 Music Player
( Demo | Download )
With this plugin you can create HTML5 Music Player.

jQuery Mobile
( Demo | Download )
A unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.

Lettering.js
( Demo | Download )
A jQuery plugin for radical web typography.

Multi Node Range Data Slider jQ Slider
( Demo | Download )
JQ Slider is a multi-node range and data slider that allows to provide easy-to-use user data selection and filter tool. It can be used in many ways.

Xml Driven Vertical News Scroller Script Using jQuery vScroller
( Demo | Download )
Adding scrolling content to your website or blog makes much sense – it allows you display latest news, promotions, product updates, announcements, upcoming events, calendar items and much more in a limited space. It also allows you to add dynamic content to otherwise static web pages.

jQuery Sliding Content Bar Plugin
( Demo | Download )
It is a smart and quick content bar that you can integrate easily in any website or web application. It is integrated seamlessly in your website and can be popped up whenever required. PushUp Content Bar is easy to customize and strong enough to rely upon. You can add your contact details, location map via Google Maps, and a simple contact form that visitors can use to make contact with you.

Gmap3
( Demo | Download )
gmap3 is a jquery plugin which allows many manipulation of the google map API version 3.

Skitter

With this plugin you can generate outstanding slideshows for your website.

jFontSize
( Demo | Download )
The jFontSize plugin was developed to facilitate the process of creating the famous buttons A+ and A-, which alter the font size on sites with very large texts, such as blogs, journals, tutorials, etc. This tool is also used to increase the accessibility of sites, helping people who have visual problems to see better content

Wave Display Effect with jQuery
( Demo | Download )
How cool is it to sometimes just display content a little bit differently? This plugin let’s you show images and content in a unique form – a wave. The idea is to initially have some smaller thumbnails rotated and placed in the shape of a sine curve. When clicking on a thumbnail, we’ll “zoom” in to see a medium sized version. Clicking again will make the large content area appear; here we will show some more content.

Simple jQuery Fluid Thumbnail menu Bar
( Demo | Download )
The idea of a fluid thumbnail bar is simple: Create a list of thumbnails within a space where the overflow can be flipped through page by page.

Useful image hover slide effect with jQuery
( Demo | Download )

jQuery plugin: Easy Image Zoom
( Demo | Download )
This is a simple technique to animate an image when hovering using jQuery’s animate() effect. We will use this effect to manipulate our CSS, creating a seamless transition between two areas of an image.

ImageLens
( Demo | Download )
Use this jQuery plug-in to add lens style zooming effect to an image

Slides
( Demo | Download )
Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.

jShowOff
( Demo | Download )
Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.

Easy Paginate
( Demo | Download )
This plugin allows you to browse easily through the list of items with pagination controls. It is very easy to implement and very lightweight so it might come in handy to use in your own projects. It’s main purpose is to view certain number of list items at once, but it can also be set up to view one item by one.

Responsive Image Gallery with Thumbnail Carousel
( Demo | Download )
Today we want to show you how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We’ll also add the possibility to navigate with the keyboard.

PhotoSwipe
( Demo | Download )
Today we want to show you how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We’ll also add the possibility to navigate with the keyboard.

Elycharts
( Demo | Download )
Elycharts is a pure javascript charting library, easy to use and completely customizable.

Blueberry
( Demo | Download )
Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.

GALLERIA
( Demo | Download )
Galleria is a JavaScript image gallery framework built on top of the jQuery library. The aim is to simplify the process of creating professional image galleries for the web and mobile devices.

jQuery Image Gallery
( Demo | Download )
With this plugin you can create a beautiful jQuery Image Gallery.

Shuffle Letters Effect
( Demo | Download )
This jQuery plugin that will shuffle the text content of any DOM element – an interesting effect that can be used in headings, logos and slideshows.

SmartGallery
( Demo | Download )
SmartGallery is an interactive image gallery that is specifically designed to support huge data. It is lightweight, lightening fast and fully customizable. Powered by jQuery, SmartGallery comes with twelve transition effects including some unique transition effect and thumbnail navigation.

BxSlider
( Demo | Download )
BxSlider will allow you to create a beautiful Content Slider for your website.

FitText
( Demo | Download )
FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

jQuery Pagination revised
( Demo | Download )
The pagination plugin combines a varity of features. It can be used to divide long lists or areas of content into multiple seperate pages, load paged content with pre-calculated database offset-parameters via Ajax and anything with full control to adapt the style properly to your site-layout. Of course, creating simple links with no event triggering is possible as well. The plugin also offers the facility to “overlap” pages, which means you can show elements of previous pages on the subsequent sites in order to allow a straightforward flow of reading.

E24TabMenu
( Demo | Download )
e24TabMenu is a plugin written for scriptaculous. It is a tab menu that expands collapse smoothly.

Snippet
( Demo | Download )
Snippet provides a quick and easy way of highlighting source code passages in HTML documents.

AJAX PAYPAL CART
( Demo | Download )
AJAX PayPal Cart is a easy to use JQuery plugin for web developer to add a full function shopping cart in their website. The AJAX cart can included a cart widget which allow display of cart information easily. Support PayPal Website Payment Standard.

jQuery is one of the most accepted JavaScript library that possesses an enormous collection of plugins which makes it even more powerful. On the other hand, there is a good deal of additional codes or modules, from simple alert functions to multifaceted galleries or form validation methods, that are hard-coded inside websites & not convinced to plugins.
Of course, not each code must become a plugin that would be worthless. However converting the ones to be re-utilized will save loads of improvement time & if shared with the community, will make the code itself better.