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

UIl

Avatar for sjonnet19 sjonnet19
April 17, 2012
Technology
1
86

 UIl

Avatar for sjonnet19

sjonnet19

April 17, 2012
Tweet

More Decks by sjonnet19

See All by sjonnet19
Vagrant
Avatar for sjonnet19 sjonnet19
0
51
Docker
Avatar for sjonnet19 sjonnet19
0
95
Hybrid
Avatar for sjonnet19 sjonnet19
1
57
CSSc
Avatar for sjonnet19 sjonnet19
1
100
MLc
Avatar for sjonnet19 sjonnet19
1
66

Other Decks in Technology

See All in Technology
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
Avatar for ないとー bwkw
3
900
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
Avatar for Kazuki Miura miu_crescent
PRO
1
140
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
Avatar for oracle4engineer oracle4engineer
PRO
2
14k
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
Avatar for maaaato maaaato
0
130
変化するコーディングエージェントとの現実的な付き合い方 〜Cursor安定択説と、ツールに依存しない「資産」〜
Avatar for empitsu empitsu
4
1.3k
Context Engineeringが企業で不可欠になる理由
Avatar for Hirosato Gamo hirosatogamo
PRO
3
490
月間数億レコードのアクセスログ基盤を無停止・低コストでAWS移行せよ！アプリケーションエンジニアのSREチャレンジ💪
Avatar for miyamu miyamu
0
830
CDK対応したAWS DevOps Agentを試そう_20260201
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
1
210
ZOZOにおけるAI活用の現在 ~開発組織全体での取り組みと試行錯誤~
Avatar for ZOZO Developers zozotech
PRO
5
4.9k
30万人の同時アクセスに耐えたい！新サービスの盤石なリリースを支える負荷試験 / SRE Kaigi 2026
Avatar for GENDA genda
3
920
（金融庁共催）第4回金融データ活用チャレンジ勉強会資料
Avatar for tak takumimukaiyama
0
140
Azure Durable Functions で作った NL2SQL Agent の精度向上に取り組んだ話/jat08
Avatar for TonyTonyKun thara0402
0
160

Featured

See All Featured
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
240
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
71k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
92
Between Models and Reality
Avatar for mayunak mayunak
1
180
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
300
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
8.3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
180
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
49

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