YUI Open Hours - Jan 12th, 2012

gistfile1.md

YUI Open Hours for Jan 12th, 2012

Buttonpalooza!

.
.
.
.
.
.
.
.

---

i. HTML Buttons

W3C - The button element

.
.
.
.
.
.
.
.

---

ii. YUI & Buttons

• YUI 2 Button
• gallery-button
• AlloyUI Button

Why?

• Style
• State management - Things like selected/pressed/focused
• Style!
• Accessibility - Things like aria states & properties
• Style!!

.
.
.
.
.
.
.
.

---

iii. YUI 3 Button Component

Investigation

• Y.Button proposal
• Y.Button pull request (discussion)
• Y.ButtonGroup proposal
• button.on() vs button.getNode().on() discussion

Modules:

1. Y.Button - source
2. cssbutton - source
3. Y.ButtonGroup (Working title)

.
.
.
.
.
.
.
.

---

iv. Demos

• JSFiddle - cssbutton
• JSFiddle - Y.Button
• Docs
• Docs - Simple Button
• Docs - CSS Button
• generator.html - A button generator
• image.html - An image button example
• icon.html - A button with icon example
• keyboard.html - A virtual keyboard

For me the menu-button from yui 2 is the biggest miss right now. Another "button" that I created in the library is the gallery-slidecheckbox. It's not visually a button but on the iPhone this is what a button looks like.