UIl

Transcript

1. UIl User Interface Library Shawn Jonnet <sjonnet19@gmail.com> Tuesday, April 17, 12
2. Overview •Library / Framework •Grid / Layout •UI -Panels / Buttons oh my Tuesday, April 17, 12
3. Library / Framework •Grids / Layouts / Responsive •Structure / Organization •OOCSS •Cross browser support •JavaScript Modules Tuesday, April 17, 12
4. OOCSS Object Oriented CSS •Separate structure and skin •Separate container and content •DRY •Predictable •Low specificity Tuesday, April 17, 12
5. Grid / Layout Responsive layouts •Grids •Layouts •Mobile built in Tuesday, April 17, 12
6. UI Panels / Buttons oh my •Panels / Buttons •Alerts / Labels •Tabs •Forms •Tables •more ... Tuesday, April 17, 12
7. Benefits •Structure / Organization / DRY •Documentation / Branding •Cross browser support •Unit testing Tuesday, April 17, 12