Useful JavaScript Libraries and jQuery Plugins For Web Developers. Advertisement If you have a problem and need a solution for it, chances are high that a JavaScript library or jQuery plugin exists that was created to solve this very problem. Such libraries are always great to have in your bookmarks or in your local folders, especially if you aren’t a big fan of cross-browser debugging. A JavaScript library isn’t always the best solution: it should never be a single point of failure for any website, and neither should a website rely on JavaScript making the content potentially inaccessible. Progressive enhancement is our friend; sometimes JavaScript won’t load properly, or won’t be supported — e.g. users of mobile devices might run into latency issues or performance issues with some JavaScript-libraries. Often large all-around JavaScript libraries such as jQuery might be an overkill, while tiny JavaScript micro-libraries could serve as good, “light” alternatives for a particular problem.
We’ll present some of them today. Quick Overview: Little Time-Savers. BookBlock: A Content Flip Plugin. A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages. View demo Download source BookBlock is a plugin that can be used for creating booklet-like components that allow a “page flip” navigation.
Any content can be used, such as images or text. The plugin transforms the structure only when needed (i.e. when flipping a page) and uses some overlays as shadow for the pages to create more realism. We will be using jQuery++ by Bitovi which has some add-ons for jQuery (specifically, to add the swipe event). The following structure will allow to add custom content in a wrapper with the class “bb-item”, which represents an open page (left and right side): The plugin can be called like this: $(function() { $( '#bb-bookblock' ).bookblock(); }); You also have to include the other scripts that are needed (see one of the demo files). Options The following options are available: Check out the demos with different configurations: Online Web Editor. JsFiddle updated! Our site just got a long awaited update. Refreshed user interface Line numbering and highlighting in all panels Emmet (ex ZenCoding) for faster typing JavaScript editor uses inline JSHint reporting TidyUp works for all languages not only JavaScript CoffeeScript has syntax highlighting Ability to set “wrap” (onLoad/onDomReady) and choose languages for each panel from GitHub and POST API (we will blog about that soon, follow us to be updated) Gist, Git and Post APIs where either refactored or fixed General bugfixes GitHub API is taken down for maintenance Due to an issue with the servers we needed to take down GitHub API.
We are working hard to fix our setup and switch it on as soon as possible. Sorry for the inconvenience. Browser statistics Below are the top 5 browsers used last week on jsFiddle (this doesn’t count embedded fiddles). Chrome - 48% Firefox - 33%Safari - 7%Internet Explorer - 6%Opera - 3% Which versions are mostly used? Official launching app for Chrome Stay tuned. Pokémon Version Noire 2 et Pokémon Version Blanche 2. Dominez le luxe - Deux mille onze.