Upgrade to Pro — share decks privately, control downloads, hide ads and more …

UIl

Avatar for sjonnet19 sjonnet19
April 17, 2012
Technology
88
1

 UIl

Avatar for sjonnet19

sjonnet19

April 17, 2012

More Decks by sjonnet19

See All by sjonnet19
Vagrant
Avatar for sjonnet19 sjonnet19
0
53
Docker
Avatar for sjonnet19 sjonnet19
0
99
Hybrid
Avatar for sjonnet19 sjonnet19
1
59
CSSc
Avatar for sjonnet19 sjonnet19
1
110
MLc
Avatar for sjonnet19 sjonnet19
1
68

Other Decks in Technology

See All in Technology
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
7.3k
No Types Needed, Just Callable Method Check
Avatar for dak2 dak2
1
110
Claude Code を安全に使おう勉強会 / Claude Code Security Basics
Avatar for MasahiroKawahara masahirokawahara
2
21k
Sansan Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
4.3k
AIを共同作業者にして書籍を執筆する方法 / How to Write a Book with AI as a Co-Creator
Avatar for ama-ch ama_ch
2
130
QGISプラグイン CMChangeDetector
Avatar for Forestgeo.info naokimuroki
1
340
明日からドヤれる！超マニアックなAWSセキュリティTips10連発 / 10 Ultra-Niche AWS Security Tips
Avatar for Yuji Oshima yuj1osm
0
540
新メンバーのために、シニアエンジニアが環境を作る時代
Avatar for puku0x puku0x
0
1.1k
実践ハーネスエンジニアリング：TAKTで実現するAIエージェント制御 / Practical Harness Engineering: AI Agent Control Enabled by TAKT
Avatar for nrs nrslib
9
4.1k
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
2.9k
AWS Agent Registry の基礎・概要を理解する/aws-agent-registry-intro
Avatar for Renya Kujirada ren8k
2
350
AIエージェントの権限管理 2: データ基盤の Fine grained access control 編
Avatar for Renya Kujirada ren8k
0
120

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
5.9k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
810
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
220
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
510
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.2k
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.1k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
210
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
250

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