Enyo Framework Cross Platform and Cross Browser UI Widgets
enyojs.comMore information about this in the Enyo Blog:
Buttons do not have cursor:pointer I was actually surprised that they werent images.
(FWIW, I bet this is because Enyo was designed for WebOS, a touch-screen interface with no cursor, and is currently being adapted with high-priority to Android/iOS. It is certainly something that I bed they'd want to hear, however.)
Really pretty, but what about :hover effects? I know this is primarily geared toward mobile apps, but hover effects help the desktop UI a lot.
Also, a request on the slideable element: On my Touchpad you can either slide the slider or tap the "grab" area and it slides over. Could maybe a click do the same thing?
This is the very first UI release, only a month after the core framework release, so there are certainly alot of minor areas like this that can be improved. And also core widgets still to be done - Lists, Panes, etc.
Development is now in the open so you can see it progress, and you can easily fork it, make these minor adjustments, and potentially contribute back.
That's a good idea. I'd probably learn some cool tricks from the internals of the framework too. I found a few here: http://girliemac.com/blog/2011/07/29/five-css-tricks-used-in...
I'm interested in this for web apps. FWIW, I tested on IE7 (broken) and IE8 (some quirks but ok)
Yeah, IE7 is not going to be supported. As you see IE8 works somewhat, and going forward IE9+ is planned for full support.
Is it JS only? Can I use it in a declarative way?
As I can see almost all of the buttons/check-boxes/etc are styled div elements, so it relies on JS definitely.
Looking good so far, will be interesting to see if they add more widgets over time.
Basically this cross-browser, cross-device form-styling, am I right?
The sample shows mostly cross platform form widgets, but Enyo is larger than that. Its intended to be a javascript application framework oriented toward building apps for mobile devices and the web. Its a great compliment to things like PhoneGap/Cordova. See http://enyojs.com/
Enyo is essentially the application framework webOS 3 applications were written with, and its being re-written for cross platform support and has been made free and developed in the open on github.
Okay, I'm an idiot, would you use this as a replacement for JQuery? Can someone explain how it fits into the JS scene?
If I understand correctly, you can develop locally-installable applications for iOS/Android/webOS/RIM using Enyo JS and these widgets, that will work on all of those platforms (local app, but not native) as well as working via a standard web browser. The aim is a write-once run-anywhere environment for mobile and web. There are already some proof-of-concept webOS apps that haved moved from the webOS app store into Android, iOS, RIM (Playbook), and even the Chrome app store. FlashCards for example started out as a Enyo-based webOS app:
https://chrome.google.com/webstore/detail/diejjofgldkjkhmfja...
Any webOS devs out there, please correct me if I'm wrong ;-)
'cuz jQuery is sooo 2006.
A more serious answer: jQuery normalizes JS quirks across browsers into a unified interface, plus it provides a lot of goodies.
What jQuery isn't good for is organizing code. That's why Backbone and the term MVC have become popular lately. Applications need to be organized into something better than a big sloppy helping of jQuery callbacks.
Enyo allows you to build modular, organized code in a somewhat familiar way. I'd say it's in-between a big mash of jQuery and a full-blown MVC framework. If you want to think of it in an MVC way, it's like combining views into controller code...and I don't know where "models" fit in. And unlike Backbone, it provides its own built-in DOM manipulation and, as of today, a UI framework too.
JQuery isn't designed for building applications, it's main purpose is making cross-browser interaction with the DOM easier. It has some other "utililty" type functions, like making cross-browser AJAX simpler and adding its own "each" looping construct, etc. etc. But the simple answer to your question is that this is not a replacement for jQuery.
I don't know much about Enyo, but it looks to be more of a framework for building applications, and provides things like layout management, controls, and an interesting "Component" model. I know that it was extracted from WebOS, so it may have some overlap with JQuery (i.e. by providing simpler methods of interacting with the DOM) but its goal is different.
I think he/she is referring to jQuery UI and/or jQuery Mobile. Like Enyo, those do contain user interface elements and widgets. See this for example: http://jquerymobile.com/test/docs/forms/forms-all.html