Servage Magazine

Information about YOUR hosting company – where we give you a clear picture of what we think and do!

Pretty JavaScript tools for your website

Wednesday, September 5th, 2018 by Servage

There are many JavaScript tools out there, trying to help you adding some functionality to your website. Dialog, overlay, loader, image gallery, rating, social icons and many many more. The quality of those scripts is very different. And also the documentation and usage are at various levels. For new users to quickly find and integrate something without too many problems, both code quality and documentation are important.

Have a look at this collection of JavaScript widgets for your website from no-margin-for-errors.com

PrettyPhoto
“prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox. It is very easy to setup, yet very flexible if you want to customize it a bit. Plus the script is compatible in every major browser, even IE6. It also comes with useful APIs so prettyPhoto can be launched from nearly anywhere (yes, that includes Flash)!”

PrettySociable
“prettySociable is a jQuery plugin that tries to make sharing fun while being easy to use. It was inspired by the sharing on mashable.com. While ShareThis and AddThis provides a very useful piece code that allow users to share basically anything everywhere, their solution is not the prettiest nor the easiest to use. prettySociable simply asks the user to drag the items he wants to share onto the website he wants to send it to. The code is fully customizable, either from the CSS, or through custom settings you can set upon initialization.”

PrettyLoader
“prettyLoader is a small (less than 4kb uncompressed) jQuery plugin that aim at making your life easier regarding ajax loader display. You know, when you do an ajax call and you never quite know where to position your loader. prettyLoader takes care of that for you, by default, prettyLoader will “hook” to the jQuery ajax function and display a nice spinning circle next to the mouse cursor and hide it once the ajax call is complete, neat no? You don’t even have to bother calling any additional javascript, prettyLoader takes care of that for you.”

PrettyMobile
“It’s no secret anymore, everyone wants an iPhone/iTouch compatible website. While pretty much every website works on those devices without any code modification being needed, that doesn’t mean it’s the best it can be. prettyMobile is an iPhone/iTouch website development toolkit. It provide you will all the basics you need to make a mobile version of your website. It makes extensive use of CSS transformations making sure the animations will be as smooth as they can be. Plus, it’s only 13kb gzipped and minified. It’s packaged with a CSS to give you the look and feel of a native iPhone/iTouch application but by loading your own CSS file you can really give it the look and feel you want.”

PrettyPopin
“prettyPopin is a jQuery plugin that serves as a modal box. It is easily customizable and proved a lightweight solution to quickly and easily display content in context. It provides a nice way to display simple content or simple forms.”

PrettyCheckboxes
“This script is for people who wants to have a consistent look for checkboxes across browser or those who simply want them to look better. By using this script you wont loose any of the regular inputs usability.”

PrettyComments
“Here’s my solution to comment boxes that are alway too small for long comment. As the user enter comment in this box, the box will stretch so the full comment will always be visible, making it easier for the user to review and edit his comment before posting it.”

PrettyGallery
“I wasn’t satisifed with most of the gallery scripts out there. So I decided to build my own. prettyGallery is a nice an lightweight slider for jQuery. It just takes standard list items you skin the way you want them to look and add navigation to them.”

Pretty JavaScript tools for your website, 4.5 out of 5 based on 6 ratings
Categories: Cool stuff

Keywords:

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

No comments yet (leave a comment)

You are welcome to initiate a conversation about this blog entry.

Leave a comment

You must be logged in to post a comment.