As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 12 years ago.
Hi among the jquery ,mootool ,yui and glow have crossbrowser compatiblity
jquery - all the way! I avoid the rest of the tools!
By best you have to define what you mean. It depends on many factors.
I prefer jquery since its user base is too large and the availability of plugins.
JQuery has been gaining good popularity. The compatibilty of JQuery with most of the browsers is higher. Jquery has picked up very well and so, Its better to try out JQuery only.
I'd recommend jQuery above anything. Microsoft visual studio 2010 ships with jQuery support which is a good benchmark for this test. Also jQuery has vast audience that develop plugins for jQuery.
I use jQuery, becouse it's intuitive and there is a lot of feedback and plugins.
compatibility
Jquery: Firefox 2.0+
Internet Explorer 6+
Safari 3+
Opera 9+
Chrome 1+, There are known problems with: Firefox 1.0.x
Internet Explorer 1.0-5.x
Safari 1.0-2.0.1
Opera 1.0-8.x
Konqueror
Mootool: MooTools is compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+ (and browsers based on gecko), Opera 9+, and Chrome 4+.
Yui: http://developer.yahoo.com/yui/articles/gbs/
Here you can see comparison of javascript frameworks. Personally I vote for jQuery, because at its slogan says Write less, do more.
Update
Right here, in stackoverflow you can see the hot discussion about this subject in this question.
At the end of the day, it depends what you want to use the framework for.
I would recommend that you start by learning to write pure javascript, only then will you find out where the relative utility of a framework comes in.
If you want a framework that has the widest browser compatibility, along with best performance on older computers/browsers then the rather annoyingly named 'my library' probably wins out.
Simply because it does feature detection rather than try to infer the browser name / version, which is a rather craptastic cop-out that most of the established libraries are guilty of.
I would recommend you give each of them a go and see what suits your need, locking yourself in to one particular framework too early will only hurt you long term; When holding a hammer, every screw looks like a nail etc.
Personally I favor YUI3 - it has strong OOP support as well as flexible CSS3 style DOM querying and a great selection of quality RIA widgets.
I wouldn't let myself be too swayed by arguments ad populem, plenty of people do silly things, find out what is right for you and your problem domain.
Related
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I`m looking for WYSYWIG JavaScript HTML editor for my app. I`ve already tried some of them, for example from this list but some are too complex and some are missing basic features...
Requirements:
It should work with newest stable release of: Mozilla Firefox, Google Chrome, Opera, Internet Explorer (and also Apple Safari support would be nice).
It should have basic features like bold, italic, color change, headers, paragraphs, no-formatting, aligns - those are basic options that browser may handle (it is how it`s done in most WYSIWIG editors).
I don`t need any UI - so if it comes with UI - I should be able to easily remove it. I mean I don`t need any buttons, color pickers, image insert dialogs etc. - I will build my-own menus
Instead of UI I need complex API where I can for example extract selected/full text/HTML, insert text/HTML, replace text/HTML.
I need advanced text processing support - this is what I`m looking for and cannot find anywhere - I need to detect what word is under cursor. For example we have "This is sample text" and User clicks on "sample" - I need to know it`s position, text and HTML.
I found something like this: Javascript Rich Text Editor with get AND set cursor position support - but it`s not full answer for this problem.
It would be great if it`s easy to embed (not to much files), lightweight and fast.
It should be licensed by opensource/GPL/or some other open/free license.
If I miss any info - please let me know and I`ll update them.
Maybe some of You know some nice libraries? Or maybe there are other nice solutions to achieve my goals?
Thanks in advance
Not a WYSIWYG editor as such, but my Rangy library may help you build a simple editor. In particular, the new TextRange module provides methods that work with words.
you can try nicedit. http://nicedit.com/index.php
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 9 years ago.
I'm looking for (javascript or HTML-based) chart libraries that work on Internet Explorer. Any suggestions? Interactivity is a plus, but not necessary.
I've tried using Flot, but I'm having trouble getting it to work in IE8 (though a recent patch fixed it for IE9). I've also used the Google Chart API, but something a little more easily customizable would be preferred.
It depends a bit on what all you need to accomplish with your library,
but maybe you'll find these musings useful...
You can do quite a bit with just CSS
and make your own "library", albeit a limited one,
for graphs such as horizontal bar charts.
For instance:
http://meyerweb.com/eric/css/edge/bargraph/demo.html
http://applestooranges.com/blog/post/css-for-bar-graphs/
jQuery Sparklines is not a true "library", either,
but it has some great options, and it works all the way
back to IE 6. Definitely underrated.
http://omnipotent.net/jquery.sparkline/
Highcharts could be a good bet.
http://www.highcharts.com/
If Protovis had full support for IE, it might have to be
considered the best, because it adheres to best practices for data visualization.
However, it doesn't have the world's most accessible api, and it doesn't support IE, at least not entirely - read issue 15:
http://vis.stanford.edu/protovis/
http://code.google.com/p/protovis-js/issues/detail?id=15
Amcharts has flash-based charts at the moment, but take note:
I believe they are working on javascript library for their charts.
If and when they do come out with their library, I have a feeling
it will be pretty good.
http://www.amcharts.com/
Please also consider this when choosing a library:
if you see a plethora of 3-d stacked pie charts, or glossy bars, or drop-shadows,
then be careful: it's a good bet the makers of those charts didn't create them with
data visualization best practices in mind.
For any JavaScript chart library to work on IE 6,7,8, they need to render the chart in VML. Hence, libraries rendering using SVG or Canvas only wouldn't work (hence d3.js based solutions wouldn't work). The following libraries currently have support on IE 6,7,8 as they use a hybrid of SVG and VML:
FusionCharts JavaScript Charting # http://www.fusioncharts.com
HighCharts # http://www.highcharts.com
Any JavaScript charting library built on top of Raphael JS e.g., amcharts, gRaphael would also work on IE6,7,8.
have you tried telerik
http://www.telerik.com/
i did not use it myself, but a friend of mine thinks it is doing the job.
Check out the recently released amCharts JavaScript bundle. It brings all the interactivity of the Flash charts but in JS/HTML5.
I've used jqPlot in the past and it worked well for me. It's a jQuery plugin though; not sure if that matters to you or not.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
Anyone have experience with game development using javascript and the html5 canvas element?
So far I have found two libraries, are either of these worth using?
http://tommysmind.com/ (XNA Port)
http://gamequery.onaluf.org/ (jquery plugin)
Does anyone have any other resources?
You can also use Lime JS - very promising HTML5 game developement framework.
http://www.limejs.com
A bit late to this ;-) but here are some current or emerging frameworks
Aves http://www.dextrose.com/en/projects/aves-engine
Akihabara http://www.kesiev.com/akihabara/
Rokcet Pack http://rocketpack.fi/
Effect Games http://www.effectgames.com/effect/
these are probably overkill for the kind of games you're mostly referring to.
Also, take a look at Sencha Touch
http://www.sencha.com/
There's a very slick solataire example here
http://touchsolitaire.mobi/app/
HTH
impact js looks really cool, http://impactjs.com/ but it has $99 price tag :( But it comes with an awesome level editor so it might be worth the price.
For basic 2d games i would use either impact or Crafty
Crafty is open source, but impact has a cool level editor.
All the others that i have tested are either lacking in some areas or too expensive. Aves and Rocket has been bought by Zynga and Disney.
Have a look at Processing.js. Maybe you can use it for 2D drawing and user interaction.
You can use for example this one port http://cocos2d-javascript.org/ for game dev.
Another library you could look at is google forplay. While not a true javascript/html5 library it compiles to javascript from java much in a way like GWT.
I have not built a game engine but rather a classic game in its near-entirety, plus a few simple animations, into my Tetris clone.
Its most important feature in my opinion is the effectiveness of the multitouch control scheme when you load up the page in iOS or Android. The idea is for it to be intuitive enough that I shouldn't have to show instructions for the user to figure out how to play it.
Try our HTML5 game engine, Construct 2 (http://www.scirra.com). We have an extensive free edition available so you can play around with it!
It's an event based system which means you don't need to know programming to get going in it. However it is extendable with our Javascript SDK so anyone can write their own plugins to extend it's functionality.
A few great games have started to pop up on our arcade now as proof that it works well!
http://www.scirra.com/arcade
I have personal experience of developing a HTML 5 browser game with Dead Earth! I found that I did not need to use any specific libaries other than JQuery along with a few Jquery plugins.
I used the Canvas and the Audio elements in Dead Earth. But I did not create any fancy 3D graphics I only drew shapes and images, colouring said shapes, drew lines etc.
I imagine if you are doing something more complicated than this you may need a library otherwise why make your app more bloated than it needs to be?
Is there any JavaScript (library) or any other solution, through which we can fix most of IE6 issues like PNG fix and also make IE6 to support CSS3 properties?
No. CSS3 support in IE6 is not going to happen. There is library available that will make IE6 more-or-less compatible with IE7:
http://code.google.com/p/ie7-js/
Short answer: No.
A little bit longer answer: While you can cobble together pieces of code here and there that help you get most of what you want in IE6, the problem is that none of these technologies out there are perfect (with most PNG fixes - try using transparent PNGs on a background image and change the background image by changing a class). There may be solutions for rounded corners or shadows but they will likely be glitchy too.
Many JavaScript frameworks offer nearly complete JavaScript feature-support for IE6, but the case is not the same for CSS. Many things in advanced CSS (2 and 3) will never be possible in IE6, but have to be achieved in different ways. There is no content property, :hover only works on anchor tags, attribute-based pseudo selectors don't work.
Even technologies like GWT that compile seamlessly to JavaScript for all browsers offer conditional CSS so that you can code your own hacks or graceful degradation.
I'm assuming jQuery goes a long way toward resolving IE6 issues because the library tries for cross-browser compatibility and deals with CSS. At least there might not be a better option.
You might check the Test Swarm for jQuery to see where the IE6 tests are at.
Late in the game but http://css3pie.com/ should help people looking for an alternative
PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features
jQuery and other popular frameworks handle many cross browser compatibility options but won't address PNG transparency, most unsupported CSS3 etc.
If you want to take it a step up though, Google Chrome Frame is an option, however this has to be installed on client computers.
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 9 years ago.
Do you know if there's any SVG + js charting library out there similar to http://www.amcharts.com/ (Flash). I need to provide nice looking interactive chart functionality in a browser that does not support Flash but supports SVG.
Depending on licensing requirements and features you have a few options. SVG is not supported from IE 6 to IE8 so you may find some libraries using canvas to run on IE, and others using VML to run on IE.
Plotkit is a mixed SVG+Canvas library, latest version is a bit outdated (0.9.1 released in 29 August 2006) BSD licensed.
Elycharts is an SVG+VML library (using RaphaelJS under the hood) with a good feature set, interactivity and cool animations. (last version 2.1.3 from December 2010) Mit licensed.
g.raphael is an SVG+VML library (using RaphaelJS, from the same author of RaphaelJS). It is very good for infographics, less good for classical charts. (last version 0.4.1 from 2009) Mit Licensed.
Grafico is again an SVG+VML library (again RaphaelJS based). It has much more chart types than gRaphael or Elycharts but less options/configurability than Elycharts. MIT licensed.
Google Chart Tools provides SVG+VML based charts. It's free to use but I didn't find the complete licensing terms. It also provides an editor (even if it is not easy to find on their site)
D3.js Is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS.
You also have some commercial option:
ZingChart - This is the only library allowing SVG, VML, canvas and flash in order to support every device out there. It is expensive but very complete.
HighCharts - A very complete SVG+VML library having a very good documentation and a very complete feature set. It has a free for personal use license but it shows a very "strict" interpretation of personal and your own blog may not be considered "personal", that's why I show it under "commercial options".
You'll need to be a little more specific about the features that you need, but you might want to look at PlotKit.
D3 is a quite good open-source charting library which uses SVG.
Now amCharts provides SVG charts and still generate flash charts for old browsers that doesn't support SVG.
amCharts support all modern browsers including modern versions of Firefox, Chrome, Safari, Opera and Internet Explorer. It also runs on mobile devices powered by iOS (iPad, iPhone, iPod Touch) and Android Honeycomb.
Good stuff, huh?
http://www.amcharts.com/
The google visualization API has some SVG charts you can use http://code.google.com/apis/visualization
While this is not an avg library, it is a charting one.
Have you checked out ZingChart? It renders charts in HTML5 Canvas, SVG and Flash (and VML for old IE fallback).
I'm on the team. You can reach our team at support[at]zingchart.com with any questions, or mention/follow us at http://twitter.com/zingchart.
-Andrew
Raphaël could also be useful - check out gRaphaël—Charting Plugin - it has really impressive examples.