background preloader

FullCalendar - Full-sized Calendar jQuery Plugin

Related:  Developer

The must-know Javascript libraries - Coding Insight WARNING: This article is loaded. Cheers… There is a lot out there. Don’t reinvent the wheel. Nor the bicycle. Nor, in some not-so-rare cases the spaceship. Kwicks for jQuery Welcome to the Kwicks for jQuery home page. Kwicks is a plugin providing sexy sliding panels with an emphasis on navigational interaction. Kwicks was originally a port of a MooTools effect (of the same name), but has since evolved into a highly configurable and versatile UI component. Please check out the examples to see it in action.

Sticky - An unbelievably simple notification system for jQuery July 19, 2011 Let's face it, your users need sweet little notifications to keep them all warm and fuzzy inside. Sticky allows you to send such messages with ease, and class. Quickly notify a user of software updates, process completions, or annoy them with registration reminders. Demo Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. Downloads Project Source Contribute Standard Select

Bootstrap Datetimepicker with AngularJS I needed to put in a nice Date and Time selector into a form that’s using AngularJS, and wondered what might work. Searches came up with the Bootstrap Datetimepicker (on Github here) and a couple of related Stackoverflow posts, but nothing that laid it out simply. I ended up doing it mostly-but-not-quite by-the-book AngularJS, so I thought I’d write up a quick post about it in case it helps someone else. Grab the download of the Datetimepicker from the site, and do the usual if you’re working in Rails like I am: copy the JS file into vendor/assets/javascripts, and the datetimepicker.css into vendor/assets/stylesheets, and add them to your application JS and SCSS files. From there, I made an AngularJS directive, mostly based on the one in this Stackoverflow post, though I had to make some tweaks to it. First, the HTML, which is simple enough; just put the directive into your page wherever you want the input field:

jQuery.ScrollTo Notice I've pretty much stopped updating this blog, but the plugin development is still on-going. You can find the link to the Github project page at the bottom of the article. Introduction An article about animated scrolling with jQuery inspired me to make a small, customizable plugin for scrolling elements, or the window itself. Nodstrum AutoCompleter Tutorial As always, links to a demo and ZIP at the bottom, Enjoy! I thought i would write this tutorial because most of the auto completer applications i have seen just dump the code into a zip and tell you how to use it rather than how and why it works, knowing about this enables you to customise it a lot more (this has been demonstrated with the other apps i have written here)! And so we begin:JavaScript JS Explaniation Ok, the above code it the guts to the script, this allows us to hook into the rpc.php file which carries out all the processing.

Filterable Filterable Filterable Bootstrap and X-editable themed per-column filtering for an HTML table. Download .zip Download tar.gz Demo Click one of the 's below to begin Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. Downloads Project Source Contribute Standard Select Turns This Into This Multiple Select jQuery.fracs · To use the core lib just include jquery.fracs-0.12.0.js. The outline feature can be found in jquery.outline-0.12.0.js and depends on the core lib (you'll need to include both files). Fractions To retrieve the fractions of an element use: How to Build Cross-Browser HTML5 Forms In this tutorial, we're going to take a look at how to serve HTML5 forms to modern browsers, while compensating for older browsers by using a mix of Webforms2, Modernizr, jQuery UI and assorted jQuery Plugins. Introduction HTML5 powered forms provide a great deal of semantic markup, and remove the need for a lot of JavaScript. One of the first efforts toward HTML5 was WHATWG's Web Forms 2.0, originally called XForms Basic.

Sieve jQuery Plugin "Moral indignation is jealousy with a halo." - H. G. Wells (1866-1946) "Glory is fleeting, but obscurity is forever." - Napoleon Bonaparte (1769-1821) Mastering web-storm I am big fan of sublime text, and I use it extensively. Then I came across WebStorm, I like it and I want to learn more about it, because any craftsman should know how to use his tools effectively. So I was looking for some tutorial and videos on mastering web storm and I came across this excellent video by John Lindquist.

Related:  UI & UI LibsClient richeOutils diversDoc/DevOther