50 Fundamental jQuery Controls, Components and Plugins Every seasoned developer has one and every young and upcoming developer should be thinking of building one – a good and concise collection of UI controls, components and plugins that you can always rely on in times of need. Of course, there are plenty of great UI frameworks, kits and libraries that you could use, but none will offer you every component and none of them will be tailored to your own personal preferences and needs. Up until a few months ago my controls had been collected and sourced from various frameworks (Prototype, MooTools, jQuery…), upon review it seemed a little out-dated, some components unnecessary and some controls desperately needed updated. It seemed logical to give the collection a fresh outlook and a uniformity under one framework – I chose jQuery. (I have held on to a few controls that have not been built with jQuery, but for the sake of this post I have omitted them). So, here are my 50 Fundamental jQuery Controls and Rich UI Components… What would you add?
25 Emerging Free Web Scripts to Watch One of the unwritten rules of the script industry is that every week, new scripts are released, while others are simply abandoned and no longer maintained. Some of these newly developed scripts will at times be proclaimed as the best, with their marketing pitch reading along the lines of “Install me!” “Try me!” “Worship Me!” We know that these sales pitches are simply buzz, or rather, noise. And here at Hot Scripts, one of our missions is to separate that noise from what’s useful and to highlight the hottest scripts to web developers. Here is our list, in no particular order, of 25 Emerging Free Scripts to Watch. Open Atrium Open Atrium is an intranet that combines six modules – a blog, a wiki, a calendar, a to-do list, a shoutbox and a dashboard to manage it all. Pixie Pixie is a free, open source web application that will help you quickly create your own website. Croogo Croogo is a free open source content management system based on the CakePHP framework. Monoql TeamLab Pulse CMS Plupload
Three jQuery-based frameworks for a rich UI | Auto-Magical After spending several months refactoring a large ASP.Net MVC application for performance, I became intimately aware of certain fundamental limitations of the server-side UI approach and began looking into pure client-side UI frameworks as an alternative. Having decided on jQuery as the foundation, I’ve narrowed down the possibilities to three candidates: jQuery UI, Kendo UI and Wijmo. Here are some of my conclusions: Why choose pure-client side? My current development approach is MVC 3 “enriched” with the Telerik Extensions for ASP.Net MVC. Presenting a new alternative to server-side MVC controls, are several client-side UI frameworks. There are three competing HTML5 UI/Ajax UI frameworks I want to mention. jQuery UI: jQuery UI provides a bunch of client-side UI widgets, “interactions” and effects. Pros: From the same team which brought you jQuery. Cons: Key components are not included with the framework, such as Grid, Template, DataSource/DataView, Validation. Telerik Kendo UI:
Presenteer Introduction Presenteer.js a very flexible HTML5 presentation tool that works in one line of code, but is configurable with constructor options and many callbacks. In its simplest form, it works like And then navigate through the presentation with presentation.start();, presentation.next();, presentation.prev(); and presentation.show(0-based-index); Installation Include jQuery and Presenteer.js (and possibly Sylvester.js, see below) in your page. Create the HTML and style it with CSS Then, on page load, create a Presenteer instances for every presentation on the page. I set followElementTransforms to false to make Presenteer not follow element transforms. And set followElementTransforms: true. Constructor options Apart from the followElementTransforms constructor argument, there's many more options and callbacks. Where canvas is a selector or jQuery element of the canvas on which the presentation is placed. The list of elements on the canvas is specified in the elements argument. Navigation 1.