Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a book, tool, software library, tutorial or other off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
What javascript framework like jQuery or prototype is the smallest and has DOM manipulation and animation? I'm looking for something that can be used to build custom "web-widgets" without adding a large footprint on the site size. I absolutely need DOM query by css selectors. Is there anything like this around 5kb minified?
EDIT
should have stated that I need CSS3 selectors cross platform including IE7+
I just can answer this question without a link...
Read the Comparison of JavaScript frameworks in Wikipedia
The second row there is the size of each framework.
Since you didn't specify browser versions or anything, the answer is you don't need any framework. All the current frameworks are written on top of standard JS, so you can just use the functionality directly, and querySelector(All) can handle selector lookups for you.
Your best bet may be to use Sizzle, which is what jQuery uses internally as its selector engine. It supports almost all CSS3 selectors, and the website states:
Only 4KB minified and gzipped
The Sizzle function returns an array of elements. For example:
var elems = Sizzle(".myElems");
take a look at zepto for instance :
http://zeptojs.com/
maybe http://xuijs.com/ could help you or http://quojs.tapquo.com/
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I am looking for a lightweight Tree-Implementation for Html(5) and JS that supports at least:
Custom rendering of "nodes"
Drag'n'Drop of nodes
The idea of being lightweight is that, besides jQuery, there should be no other dependencies for the tree, including but not limited to have no dependencies on jquery-ui at all.
I wasn't able to find any else than either jquery-ui based or commercial or huge codebase or without the given requirements.
thanks
jsTree plugin is a great and very recommended JS library for implementing trees in HTML pages.
It supports JSON data, drag-n-drop and much more related features...
Take a look at its demo page: http://www.jstree.com/demo
As for HTML 5 support, take a look at this ticket: Feature-Request: HTML5 attributes for metadata
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I develop my site and want maximum performance with less code. How I can minify jQuery library throught remove additional functional? Not just minify this library.
Google Closure can do it? Alternatives?
Sorry for bad english!
Custom jQuery Builder - http://projects.jga.me/jquery-builder/
jQuery 2.0 - http://blog.jquery.com/2013/04/18/jquery-2-0-released/
Zepto.js - http://zeptojs.com/
Honestly, this list could go on and on, but it depends on whether you need full jQuery, what exactly your code requires, if you are using any plugins which rely on that code. It's really up to you to decide what can be removed and what can't
Removing functions in jQuery, even if you can does not give you additional performance. What you want is probably reduce the amount of bandwidth that the library will take by minifying it(well, you already know that don't you?) or loading it off a CDN. You may also want to take a look at zepto.js, a smaller and compact jquery compatible library.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I plan to write a JavaScript plugin. I'd like it to take advantage of jQuery features, but also degrade gracefully if jQuery is not present o the page.
For a slideshow for example, jQuery users would call:
$("#Placeholder").Slideshow();
Plain JavaScript pages could still use it, just with less features (e.g. no animations), or features that only work in some browsers:
Slideshow(Placeholder);
I'd be interested in examples, best practices, tutorials on how to do this.
I haven't written any non-jquery plugins, but if you want your plugin to work without jquery, I'd suggest you write your core implementation in plain javascript and write a way to access it via jquery, in a jquery-ish API.
Let me illustrate, if your plugin provides,
doAwesomeStuff(domElement);
then, if jQuery is available, also do this,
jQuery.fn.doAwesomeStuff = function (options) {
this.each(function () {
doAwesomeStuff(this[0]);
});
};
So, if jquery is available, the plugin could be used as a jquery plugin, with a jquery-ish API to access it. If not, the plain javascript API would anyway be available, and since the internal implementation should anyway be in plain javascript, should work without any problem.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I had a look at Backbone.js and while it's a great product, I don't like the binding to jQuery/Zepto for Controller navigation.
I know that I can use things like Models/Collections in Backbone without jQuery, though I do want to use the routing in Controller and not reinvent the wheel myself.
So my question is whether there are any lightweight MVC frameworks which are preferably JS-framework agnostic, or, in worst case, support Prototype/MooTools?
Backbone's jQuery integration is just a light dependency -- it's not required. If you don't want to use Views or Controllers (i.e. -- no DOM Manipulation or Ajax persistence), and just stick to Models and Collections, you can use Backbone perfectly well without including jQuery at all.
Jerome Gravel-Niquet also has done the legwork to build a version of Backbone that's backed by Mootools instead of jQuery:
https://github.com/jeromegn/backbone-mootools
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
Are there any GUI toolkits built on top of HTML Canvas like swing,swt,gtk or qt? So that it is possible to build applications like applets or flex gui:s inside the html canvas.
Mozilla Labs' Bespin project currently uses their own toolkit called Thunderhead. It's written by and for the Bespin developers, but it's a separate project that could be used for anything. You will need a (free) Bespin account to try it, since there aren't any other projects that I know of that use it.
I've never used it, but I know it uses the DOM and a subset of CSS plus it's own CSS-like properties. I doubt the API is very stable though since it's experimental and evolves with the needs of the Bespin developers.
EasleJS is a great framework!
http://www.createjs.com/#!/EaselJS
Raphael looks really interesting too.
Take a look at Ample SDK JavaScript UI Framework. One of the UI technologies it enables cross-browser is XUL, styleable in CSS and programmable in JavaScript with XUL DOM or jQuery APIs. You can also create your own UI technology on top of the framework.
kineticjs is a good one, uses layers dragndrop collisiondetection events sprites etc
KineticJS and Three.js are both good ones. I am using KineticJS now and it makes life much easier especially for sprites/animations or general stuff you might use in games.
It seems, Cappuccino is what you want. But the speed isn't so impressive, not yet anyways.
http://cappuccino.org/learn/tutorials/
Take a look at the demos. I really hope the project will find the support it deserves.
Getting a firm overview of the best frameworks out there took me over a month. I will write a summary shortly.
Canvas is NOT SVG. Read this link
Be aware that is noy fully supported by all browsers