I am using the JQuery Slider control for use as a double sided slider (dual slider).
It's a great UI control but I'm looking for an alternative that isn't so "fat".
Right now, just for me to use the Slider control, I have to include:
JQuery core
JQuery UI core
JQuery Slider plugin
When I both minimize using Google's awesome Closure (minimizer) and GZIP the JavaScript, I'm still at around 29kb.
Question: Do any comparable (dual) Slider control exist that isn't such a large download?
How about
jQuery Slider plugin (Safari style)
But to be honest 29kb isn't fat is it?
Here is another alternative that I found today so I thought I'd share it! I haven't used it, and I don't know how heavy it is, but the folks that built it seem to have a very strong focus on accessibility, which may or may not be important for your project.
http://www.paciellogroup.com/blog/misc/samples/aria/slider/doubleslider.html
Related
Google made some neat presets which can be found on http://materializecss.com/
I am mainly interested in the floating button, but I would like to know about the whole if I can use it with dart. The reason I worry is, because it consists not only of CSS and fonts but also of JS - and that requires JQuery to work, which I don't think I can bring to work with dart.
Or can I simply drop JQuery next to the Materialize-folder?
As I have tried recently, yes it can be used. Any css and javascript framework can be used from dart. jQuery/Materializecss javascript API might be tricky to use so you better get familiar with js interoperability. In my experiment I ended up switching to bootstrap and a css framework on top of it (currently investigating http://fezvrasta.github.io/bootstrap-material-design/ and paper theme from bootswatch). While it might look less "material", I found the elements more mature (that is a pure personal opinion) and I have already a lot of js wrapper for jQuery and bootstrap .
I basically want to create the effect of parts of the DOM - divs etc - acting like single pages, like the data-role = content or page - but without using jquery or jqmobile as I find those frameworks too big and much too complicated for the simple tasks I require. They also come heavily designed, that I dont want to use.
I saw these posts, but they are looking for similar transitions, not the basic functionality
JQuery mobile page transition without jQuery mobile
jQuery Mobile CSS3 Page Transitions without jQuery Mobile Library
But these posts lead me to believe there is a simple and light answer out there to mimic the functionality. Can anyone suggest some Javascript, HTML5, or even a light framework that does this?
Thanks
How about just having a look at the JQM source code? That's the nice thing about open-source projects... ;-)
Sourcecode is pretty small, I am sure you'll be able to manually extract whatever fits your needs.
I'm about to implement a blog, and I'm pretty sure I want to go with jQuery, because I really like it.
However, when I last did jQuery, I just did plain HTML/CSS and then improved the user experience with what jQuery has to offer. Meanwhile, jQuery UI has been released, and it looks like a full-fledged user interface framework like Ext JS.
Can I benefit from jQuery UI with a rather simple website like this, or is it more geared towards web applications like GMail?
jQuery UI is quite large and seems to have lots and lots of CSS in their skins. I'm a bit worried that I would have to write/adjust tons of CSS to make the blog look like I want it to. If I did plain HTML/CSS, I would have fine-grained control over the appereance.
Edit: I'll stress again that I'm specifically wondering whether jQuery UI is intended for and useful for a simple website like a blog. It is no doubt useful for more sophisticated web applications.
Edit 2: Thanks for all your answers, too bad I couldn't accept more than one. By now I realised that jQuery UI is not like I expected a full-fledged web application framework, but rather a bunch of useful utilities on top of jQuery. I think I'll use it, if only for Draggable, Droppable and Selectable.
You don't necessarily need to write loads of CSS if you don't like the supplied styles.
The jQuery UI ThemeRoller is a very good web-based GUI for customising the look of the widgets. It then allows you to download your own customised (and minified) .css and .js files containing just the widgets you need.
I suggest that you should have a play with that first and see if you can make the demo widgets look how you'd like them before making any decision.
You can have both... I have! Where I am using widgets (datepicker) etc, I use jquery ui, besides visit : http://jqueryui.com/themeroller/ and you can customize the colours quite easily. The UI themes are recommended strongly if you use the widgets as the widgets rely on the css defined therein to move things around, for display and selection, handling rezise of widgets.
You can always build your site using html + css then add the ui theme later, as you said it will increase the user experience greatly... besides we always end up using 1 or 2 features then extend or find other suitable plugins.
As always, the answer is 'it depends'.
More specifically though, it depends on what kind of a UI you're planning on. If you find yourself coding functionality that's already there in jq UI go ahead and use it. They've got a handy theme roller plugin which will allow you to customize the skin to perfectly match the look of your site, so that is a non issue.
You might also want to include it all through a CDN (offered by google or MS) so that your site doesn't get slow downloading the (relatively) heavy initial payload.
I m developing an application in YUI. And need to implement a slider for 3 forms.
which will work exactly like this JQuery Plugin :
http://tympanus.net/Tutorials/FancySlidingForm/
I am very noob in YUI.
So can anyone provide me code snippet for this kind of slider..?
as mozillanerd suggests you can use the jquery Plugin in your page along with any YUI code you have, otherwise you might have to roll your own. If you do put it up on the gallery so others can use it.
I found a similar widget in YUi i.e. YUI 2.x Carousel widget
http://developer.yahoo.com/yui/examples/carousel/csl_imagentext_source.html
maybe this will fit in my scenario. I will try this and let u know guys..!!
I've seen some posts where jQuery has been favored vs ExtJS. I haven't looked at jQuery in detail, but from what I read so far, jQuery doesn't provide the kind of UI which comes with ExtJS. Am I correct? Why would some of you prefer jQuery in ASP.NET?
Thanks
Why not use both? ExtJS does allow you to use jQuery as well. In fact, you can easily configure ExtJS to use jQuery for its core functionality. I've done this before and it works quite well.
This way you can happily use the best of both worlds.
http://extjs.com/forum/showthread.php?t=29702&highlight=jquery
There are two schools of javascript frameworks, ones that focus on widgets (Yui, ext, etc) , and ones that focus on behavior (jquery, prototype, moo, etc)
JQuery just makes life easier to build dynamic, sexy sites. If you are just doing system.draggy.droppy asp development, you can ignore both, since you probably aren't really touching javascript at all. But if you do use javascript, it is worth your time to learn one of the frameworks that are out there, and jquery is currently the most popular.
In fact Ext provides a one-stop-shop.
It has a solid foundation which provides behaviour. Event pub/sub, effects, DOM manipulation etc. And it can provide these through its own standalone foundation, OR by wrapping a foundation library of your choice (like jQuery)
And then on TOP of that cross-library foundation layer, it provides a unified set of Components all stemming from one Component base class. It provides managed screen layout which responds to browser geometry changes, and managed lifecycle management of the Components.
There's nothing out there like it.
jQuery does have a widgets library - it's fairly new, but pretty cool. It can only get better!
jQuery UI
iam experienced on extjs and fresher for jquery.jquery is very light weight than extjs.
About JQUERY:
easy to use, fast, great DOM manipulation, good effects. Great window.onLoad handler.
About EXTJS:
Ivery very extensive, great DOM manipulation, solid effects. The fastest to get things done when puzzling out on the commandline.