Category Archives: Tidbits

Snappier YUI3 Scrollview

Posted on by
1

YUI3 Scrollview is great but sometimes, it’s not “nativey” enough for me. I fooled around a lot with the config parameters and finally found one that I think works well (especially on iOS). Try this config object to make your YUI3 Scrollview instance feel a little snappier.


var scrollView = new Y.ScrollView({
srcNode: '#resultList',
height: 260,
flick: {
minDistance:1,
minVelocity:0.4,
axis: "y"
},
deceleration: 0.983,
bounce:0.65,
});

Y.ScrollView.FRAME_STEP = 15;
Y.ScrollView.EASING = "cubic-bezier(0.000, 1.000, 0.320, 1.000)";

var scrollView.render();

Making an iOS-Style Popover with YUI3

Aside

Reply

One of the things I worked on this summer during my internship with the YUI team was building the Panel widget that’s shipping with YUI3.4.0. I like the whole “windowing” space, because I think it’s an area where the web can do a lot better. Modal overlays look gorgeous in iOS and there’s no reason why they can’t in the browser either.

So I spent an hour or two hacking up some CSS as a proof-of-concept of what can be done with CSS3 and YUI3 Panel. This is just a first pass, I’m going to clean this code up so people can re-use it with a single line. Nevertheless, thought I’d get it up here for people to see!

Using Datasource with YQL, AutoComplete, Charts & Datatable in YUI3

Posted on by
Reply

This is the code snippet from my talk at YUIConf 2010.
Don’t use this code in production, because it will expose your API Key. If you want to use this publicly, you should use YQL storage to store this key somewhere so that it cannot be exposed. The goal of this code is to introduce how Y.DataSource can be used to query data from YQL. It also shows how to build a Y.AutoComplete that requests data from a DataSource.