Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

UIl

Avatar for sjonnet19 sjonnet19
April 17, 2012
Technology
95
1

 UIl

Avatar for sjonnet19

sjonnet19

April 17, 2012

More Decks by sjonnet19

See All by sjonnet19
Vagrant
Avatar for sjonnet19 sjonnet19
0
62
Docker
Avatar for sjonnet19 sjonnet19
0
110
Hybrid
Avatar for sjonnet19 sjonnet19
1
65
CSSc
Avatar for sjonnet19 sjonnet19
1
110
MLc
Avatar for sjonnet19 sjonnet19
1
71

Other Decks in Technology

See All in Technology
What the customer really needed
Avatar for Yasunobu Kawaguchi kawaguti
PRO
3
210
リアーキテクチャ後の障害ゼロを目指したShadow Testingの取り組み
Avatar for nihonbuson nihonbuson
PRO
1
160
AI時代、データエンジニアが一番おもろい
Avatar for ゲンシュン genshun9
0
670
時うどん〜Socket.getifaddrsで学ぶネットワーク編 / Tokiudon: The Socket.getifaddrs Edition
Avatar for Misaki Shioi(塩井美咲/しおい) coe401_
3
180
株式会社シーエーシー　エンジニア向け会社紹介資料
Avatar for 株式会社シーエーシー cac
0
57k
開発投資の期待値を上げるプロダクトロードマップづくり ~プロダクトエンジニアが越境して事業を伸ばす~
Avatar for Kenta Suzuki kekekenta
1
230
品質と信頼性を地続きにする
Avatar for gr1m0h grimoh
2
830
LLMに渡さなかった仕事
Avatar for oga_aiichiro nanaism
0
1.2k
研究開発部の紹介 / Sansan R&D Profile
Avatar for Sansan, Inc. sansan33
PRO
5
25k
あけおめLINE 傾向とその対策
Avatar for nasa9084 nasa9084
0
180
2026_devsumi_ozono.pdf
Avatar for O3(ozono) o3
3
540
ユーザー価値を届け続けるためにウォンテッドリーが大切にしている文化
Avatar for Kota Minato kotaminato
0
180

Featured

See All Featured
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.8k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
730
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
250
1.3M
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
23k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.8k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
1
34k
Between Models and Reality
Avatar for mayunak mayunak
4
460
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.8k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
14
39k

Transcript

  1. UIl User Interface Library Shawn Jonnet <[email protected]> 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