Using Bootstrap to create a common UI

across products

Robb Hamilton & Greg Sheremeta

“... created to promote design commonality and improved user experience across enterprise IT products and applications.”

PatternFly

Red Hat Common User Experience (RCUE)

HTMLCSS

JavaScripticon font

Jacob Thonton Larry the birdMark Otto

Jacob ThontonMedium

Larry the birdcut from the team

Mark OttoGithub

opensource

Why Bootstrap?

= +

Custom look and feelAdditional components

UX expertise

RCUE +=

[dev@puter]$ bower install patternfly

@border-radius-base: 4px; //Bootstrap

@border-radius-base: 1px; //PatternFly

@navbar-pf-border-color: #199dde; //PF blue

@navbar-pf-border-color: #cc0000; //RCUE red

And now Greg!

UI standards?

A pattern is a “general reusable solution to a commonly occurring problem within a given context”

http://en.wikipedia.org/wiki/Software_design_pattern

I CAN HAZ BITS?

"All problems in computer science can be solved by another level of indirection, except of course for the problem of too many indirections."

David Wheeler

++

<b:well ui:field=”loginStatus” />

PatternFly RCUE

www.patternfly.org