Featuring smooth transition animations and using Moment.js to power the dates, this Calendar Widget by Codepen user Paul Navasard is a great lookin...

Featuring smooth transition animations and using Moment.js to power the dates, this Calendar Widget by Codepen user Paul Navasard is a great looking and easily implemented solution for keeping track of events throughout the month.

A customizable calendar widget that can be easily customized and embedded in your website counting on the advantage of being compatible with Google...

A customizable calendar widget that can be easily customized and embedded in your website counting on the advantage of being compatible with Google Calendar.

A cool product widget made in CSS and jQuery for showing relevant information in a dynamic way. When you hover over, it displays a translucid layer...

A cool product widget made in CSS and jQuery for showing relevant information in a dynamic way. When you hover over, it displays a translucid layer and a "View Details" button. Besides, it has a label, the price, the sizes available and colors. The widget can be implemented in online stores of any kind.

This simple jQuery plugin is used to organize content in tabs. It only requires a ul-element with a few li-elements and some related content-divs. ...

This simple jQuery plugin is used to organize content in tabs. It only requires a ul-element with a few li-elements and some related content-divs. Its main advantage is its weight, but apart from that it isn't exactly extraordinary. Anyway, it gets the job done and that's what matters.

TutsPlus brings this tutorial on how to create tabbed interfaces by taking advantage of the tabs function in the jQuery UI library. You can make ve...

TutsPlus brings this tutorial on how to create tabbed interfaces by taking advantage of the tabs function in the jQuery UI library. You can make very different sorts of tabs with unique appearances using just one line of code. You only need to add the "core" and "tabs" elements to jQuery UI and you're good to go!

TutorialZine is going to show us in this article how to create an AJAX-powered tab page making use of CSS3 and jQuery. This comes in handy when try...

TutorialZine is going to show us in this article how to create an AJAX-powered tab page making use of CSS3 and jQuery. This comes in handy when trying to group content in a small place, providing a clean, organized feel to the information displayed. Also, different colors and effects can be applied to the tabs in order to give it a custom look.

Control.Tabs is a highly customizable tool used for creating tabbed content. It is possible to create tabs based on images, and activate them on ho...

Control.Tabs is a highly customizable tool used for creating tabbed content. It is possible to create tabs based on images, and activate them on hover or with little menus placed nearby, as well as more traditional designs that are also very modifiable. It degrades gracefully on browsers that do not support Javascript and is search engine friendly, which make this a powerful, all-around tool for displaying your content.

idTabs is a jQuery plugin intended for both casual and experienced developers. It makes it easy to add tabs to the site while keeping advanced opti...

idTabs is a jQuery plugin intended for both casual and experienced developers. It makes it easy to add tabs to the site while keeping advanced options if you're keen to more complicated set-ups like tab containers, hovering activations or fade effects.

Improve social sharing in your site with this widget. Its clean design is intended to make a good impression, while the addition of comments and th...

Improve social sharing in your site with this widget. Its clean design is intended to make a good impression, while the addition of comments and the ability to “like” the content will allow your website to have more movement and engagement from your users.

reCAPTCHA is one of those services most people have encountered at least once. It is used to protect websites from bot abuses and spam by making yo...

reCAPTCHA is one of those services most people have encountered at least once. It is used to protect websites from bot abuses and spam by making you type a distorted image which you need to decipher. The cool part is that those distorted words are parts of books that need to be digitized but cannot be read properly by machines, leaving you to the task while fighting against spam. Way to go, hero! 

AJAX Fancy Captcha provides a medium level of security by taking a different approach to human verification processes. It is centered on looking go...

AJAX Fancy Captcha provides a medium level of security by taking a different approach to human verification processes. It is centered on looking good and being friendly to users, simply asking them to drag and drop a particular object into a box (this object can be a clock, a heart, a book, etc.) to confirm they are not a potential bot or spam generator.

SiteHelp is a team located in Brisbane, Australia that will do all the work for you. Literally. Let's say you have this concept for a website, but ...

SiteHelp is a team located in Brisbane, Australia that will do all the work for you. Literally. Let's say you have this concept for a website, but you have no knowledge whatsoever on how to design it. Here, the team would kick in take your idea, conceptualise it, code it, make it look pretty and release it without you moving a finger. Definitely an interesting service for good initiatives.

NuCaptcha promises to provide "the new generation" in captchas by making things easy for humans (and avoid their frustration, which could cause the...

NuCaptcha promises to provide "the new generation" in captchas by making things easy for humans (and avoid their frustration, which could cause them to just leave the site) and hard as can be for bots, while keeping a high security level as all the information they receive from users worldwide is analyzed and put to practice with new captchas. They even give you a 30-day trial to convince you of their superiority.

MotionCAPTCHA provides human verification by asking the user to draw a particular shape before submitting a form. This is achieved with the help of...

MotionCAPTCHA provides human verification by asking the user to draw a particular shape before submitting a form. This is achieved with the help of a couple of tools for drawing and gesture recognition. Although it feels casual and comfortable for the user, you might want to think twice before implementing this on a high security environment (we got through by drawing circles when the captcha was a square). It is still in development, though so it can only improve from here.

PlayThru is a free service that intends to make human verification a little more fun for users. Instead of going through the same old captcha with ...

PlayThru is a free service that intends to make human verification a little more fun for users. Instead of going through the same old captcha with letters and/or numbers, PlayThru faces you against a simple game like "fill your bag" or "complete the face" to make things a bit more entertaining. Best thing is that it actually provides an extremely safe verification, and you can make a buck or two by applying this to your site. 

This tool aims to simplify the captcha process for developers and users alike. For devs, it contains little set-up procedures and easy appearance c...

This tool aims to simplify the captcha process for developers and users alike. For devs, it contains little set-up procedures and easy appearance customization with CSS. On the user's side, they will see understandable images instead of complicated, indecipherable text.

EbCaptcha goes for a more classic approach to captcha generation. When the plugin is called, it will automatically create a label and a text input ...

EbCaptcha goes for a more classic approach to captcha generation. When the plugin is called, it will automatically create a label and a text input at the end of the from before submission. Also, it will not respond to any commands from the user (like pressing enter) until they get the question right.

This plugin helps in the fight against bots and automated submissions by asking a "real person" to verify the information. This is done through a t...

This plugin helps in the fight against bots and automated submissions by asking a "real person" to verify the information. This is done through a text made up of dots that the user has to identify correctly before going any further. As a downside, the text might by a little simple for OCR software to catch, but it's up to you to decide how strict you want the verification to be.

QapTcha is a pretty cool system that tackles verification in an alternative way. Instead of having hard to read text or images, it requires a human...

QapTcha is a pretty cool system that tackles verification in an alternative way. Instead of having hard to read text or images, it requires a human interaction to unlock itself. In the example above, we were required to flip a switch before finishing the submission of the form. This plugin provides a clever, simple solution that will please users and developers alike.

With this jQuery plugin, you can display the projects you have on GitHub along with all your hard earned Coderwall badges so you can show the world...

With this jQuery plugin, you can display the projects you have on GitHub along with all your hard earned Coderwall badges so you can show the world who's boss. The latter is based on an idea by Herman Junge whereas the former came from Chris Oliver's Curent Projects which is, fittingly, on GitHub.

This plugin, created by James Basoo and uploaded to CodePen allows the creation of a panel and content switcher fully animated with CSS. In the exa...

This plugin, created by James Basoo and uploaded to CodePen allows the creation of a panel and content switcher fully animated with CSS. In the example shown, you are able to select between three different animations and check four tabs that will react to your choice, but you can always get the code and mold it to your needs.

EasyTabs is a jQuery plugin focused on providing all the functionality for our tabs while leaving us a great deal of options for customization and ...

EasyTabs is a jQuery plugin focused on providing all the functionality for our tabs while leaving us a great deal of options for customization and styling via CSS. Among other features we can find:- Multiple on one page- Smooth transitions between panels- Lightweight (only 8kb)

Annotator is a pretty interesting tool that allows the addition of annotations into your website. Just highligh...

Annotator is a pretty interesting tool that allows the addition of annotations into your website. Just highlight some text and you will get an icon that enables you to enter comments, tags, users and more. It is designed to be easily extensible, that way you can apply new behaviours or features.

This widget provides and easy to use drawing board where you can write, erase, set colors (even with eyedropper) undo, redo, pan and zoom. It is al...

This widget provides and easy to use drawing board where you can write, erase, set colors (even with eyedropper) undo, redo, pan and zoom. It is also possible to add additional tools through a semi-stable API and use it on mobile devices so you can make your drawings anytime. Saving and uploading of files is included as well.

Navi enables you to display the information on your site in a dynamic way, easily writing all your HTML code in one file to show different pages wi...

Navi enables you to display the information on your site in a dynamic way, easily writing all your HTML code in one file to show different pages without reloading the whole site and keeping functionality for the back button in the browser. It also comes packed with a good number of animations to create a smooth viewing experience for the user.