Create a Flat jQuery UI Combo Box Widget

In today's screencast we will be taking the flat style combo box from the Square UI and creating a jQuery UI widget from it. We'll first start out by making a jQuery plugin and then show why a widget would be better. When implementing the widget, we'll give the combo box some autocomplete functionality as well.

[RonPasillas]

18 minutes into the tutorial and this is EXACTLY what I was looking for. Thank you so much. You've taught a man to fish.

[sniperwolfpk]

Brilliant work. I really like how you explain things.

[scottwalters]

Fantastic tutorial, dude! Thanks for sharing!

[ThePhosee]

I agree, this tutorial is fantastic! You have this skill to teach and explain by doing real thing!
I am confused about why is there so little likes under this video :(
Have you thought about doing the similar tutorials about how to use knokoutjs, requirejs, angular and other frameworks and libraries by doing little projects?

[VeaceslavBARBARII]

33:03 I'd rather use *e.currentTarget* rather than *e.target*
That's even easier than adding an extra "value" attribute to the target (span) object.

Because *e.target* is what makes the event dispatcher to trigger the event and
*e.currentTarget* is what you've assigned your listener to.

[MichaelMammoliti]

Brilliant tutorial.. so this jQuery "widget" thing is a different syntax for extending prototype. You can achieve this with 3 lines of code if you know OOP. The nice thing is the disable option. but I don't find this useful enough for using this pattern.

[davideast]

It's called Montserrat and you can get it on Google Fonts.

[Vishal]

can you please tell how to implement up and down arrow functionality in your widget???

[FlorianShena]

What is the name of the font you're using ?