1. The Right Tool For the Job
Using AUI for your Atlassian Plugin UI

3. DIY

7. The right tools make things easier.

15. The right tools will also help your Plugin UI.

16. DIY UI

18. Silver Bullet UI

20. Atlassian UI for Atlassian UI

21. AUI

22. History of AUI

33. So what's in AUI now?

43. Plus
keyboard shortcuts,
extra libraries,
helper functions,
Soy templates,
Page Objects
and
experimental components!

44. > make aui
One zip file

45. Harmonious design with AUI

46. You want this...

47. ...not this

48. Extremes aren't required...

49. ...but it should be harmonious

50. AUI tips

52. Or AJS.version in a console near you.

54. Show me the code, already.

55. Dropdown2
First, the trigger.
<a href="#dwarfers"
class="aui-dropdown2-trigger"
aria-owns="dwarfers"
aria-haspopup="true">Shipmates</a>

56. Dropdown2
Then, the dropdown:
<div id="dwarfers"
class="aui-dropdown2 aui-style-default">
<ul class="aui-list-truncate">
<li><a href="URI">Lister</a></li>
<li><a href="URI">Rimmer</a></li>
</ul>
</div>

57. Dropdown2
That's it. You're done. No JS to match up – just
include the markup and away you go.

58. WAI Why ARIA?
 Accessible Rich Internet Applications Suite
 Paves the way for better a11y
 Excellent way to declare and read state

59. Keeping up with AUI
 Docs, contribution guide, release notes:
http://go.atlassian.com/aui
 You will also find links to...
 Demos
 Sandbox
 Bitbucket repo
 Bug tracker

60. One last thing – swag!