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

UIl

sjonnet19
April 17, 2012
Technology
1
79

 UIl

sjonnet19

April 17, 2012
Tweet

More Decks by sjonnet19

See All by sjonnet19
Vagrant
sjonnet19
0
46
Docker
sjonnet19
0
92
Hybrid
sjonnet19
1
51
CSSc
sjonnet19
1
94
MLc
sjonnet19
1
64

Other Decks in Technology

See All in Technology
Developer Summit 2025 [14-D-1] Yuki Hattori
yuhattor
19
5.8k
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
6
57k
プロセス改善による品質向上事例
tomasagi
2
2.2k
データ資産をシームレスに伝達するためのイベント駆動型アーキテクチャ
kakehashi
PRO
2
470
Tech Blogを書きやすい環境づくり
lycorptech_jp
PRO
1
230
ユーザーストーリーマッピングから始めるアジャイルチームと並走するQA / Starting QA with User Story Mapping
katawara
0
170
滅・サービスクラス🔥 / Destruction Service Class
sinsoku
6
1.6k
なぜ私は自分が使わないサービスを作るのか？ / Why would I create a service that I would not use?
aiandrox
0
510
マルチモーダル理解と生成の統合 DeepSeek Janus, etc... / Multimodal Understanding and Generation Integration
hiroga
0
370
あれは良かった、あれは苦労したB2B2C型SaaSの新規開発におけるCloud Spanner
hirohito1108
2
370
偶然 × 行動で人生の可能性を広げよう / Serendipity × Action: Discover Your Possibilities
ar_tama
1
990
地方拠点で エンジニアリングマネージャーってできるの？ 〜地方という制約を楽しむオーナーシップとコミュニティ作り〜
1coin
1
220

Featured

See All Featured
Adopting Sorbet at Scale
ufuk
74
9.2k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
174
51k
Music & Morning Musume
bryan
46
6.3k
Agile that works and the tools we love
rasmusluckow
328
21k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
A Philosophy of Restraint
colly
203
16k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Bash Introduction
62gerente
610
210k
BBQ
matthewcrist
86
9.5k
Building Applications with DynamoDB
mza
93
6.2k

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