08、按钮(Buttons)

原文

Outlining how this should work.

  • tag - a, button
  • class - btn
  • Possible displays:
    1. single image sliding doors (horizontal only),
    2. single image sliding doors (vertical and horizontal),
    3. no images buttons (perhaps bowman/goog as inspiration) or some of the gradient transforms/filters
  • Keep markup low (as few nodes as possible)
  • Image, colors applied by a skin class, layout class for abstraction
  • Inline-block
  • Should be possible to float the buttons without breaking

概述如按钮应该如何使用。

  • 标签选择 - a, button
  • 类名 - btn
  • 可能的使用场景
    1. 单图推拉门(仅水平)
    2. 单图推拉门(垂直和水平)
    3. 没有图像按钮(以bowman / goog为灵感)或一些渐变变换/滤镜
  • 少用标签(尽可能少的节点)
  • 图像,皮肤类应用的颜色,抽象的布局类
  • 内联块
  • 支持内联,即使按钮浮动,也不会打破布局