It has been thought and built to meet the constraints of the mobile environment (low bandwidth, limited device resources, various screen sizes). People working on Wink really tried to keep it smart and simple.
Wink has been divided in several packages:
Wink core (20kb minified) offers all the basic functionality a developer would need (performing XHR, manipulating the DOM, publishing events, applying CSS transforms…) plus some useful mobile only features like touch events handling.
Wink ui gathers all the graphical components of the toolkit. Some are quite familiar like the date picker or the carousel whereas it’s more surprising to see a full HTML 3D tag cloud running on a mobile browser.
These examples demonstrate some of the 3D features:
In this package you can also find layouts like scrollers (preview) or sliding panels if you which to make your application “iPhone-like”.
In Wink ux, you can find everything related to user interaction. Of course, touches and multitouch gestures but also related stuff like Drag and Drop (preview), or even the adaptation of a gesture recognition engine (preview).
Wink ux also offers solutions to handle the browser’s history or to detect orientation changes on devices other than the iPhone.
The instantiation of the components always stays simple and allways follow the same pattern. For instance, if you want to load images and data asynchronously:
jsLoader = new wink.net.JsLoader(); jsLoader.load('http://server2.example.com/getjson?jsonp=parseResponse'); imagesLoader = new wink.net.ImagesLoader(); imagesLoader.load([ './img/test1.jpg', './img/test2.jpg', './img/test3.jpg' ]);
Wink fx contains all the CSS effects libraries to help you with the 2D and 3D transforms; the Wink API provides abstraction layers above the HTML5 local storage and geolocation and the new Wink multimedia package now contains an HTML5 audio player for iPhone and iPad.
Where Can I Find Wink?
Wink can be downloaded directly at http://www.winktoolkit.org/
What New Features Can We Expect?
The team is currently working on new features:
- Feature detection
- HTML5 video player for iPad
- UI components based on the canvas tag
- Easy resource caching (for better performance)
- New layouts and more