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

UIl

Avatar for sjonnet19 sjonnet19
April 17, 2012
Technology
1
84

 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
94
Hybrid
Avatar for sjonnet19 sjonnet19
1
56
CSSc
Avatar for sjonnet19 sjonnet19
1
100
MLc
Avatar for sjonnet19 sjonnet19
1
65

Other Decks in Technology

See All in Technology
PLaMoの事後学習を支える技術 / PFN LLMセミナー
Avatar for Preferred Networks pfn
PRO
1
250
AIが書いたコードをAIが検証する！自律的なモバイルアプリ開発の実現
Avatar for henteko henteko
1
200
analysis パッケージの仕組みの上でMulti linter with configを実現する / Go Conference 2025
Avatar for Ken’ichiro Oyama k1low
1
230
サプライチェーン攻撃に学ぶModuleの仕組みと セキュリティ対策
Avatar for kuro kuro_kurorrr
3
650
＃普通の文系サラリーマンチャレンジ　 自分でアプリ開発と電子工作を続けたら人生が変わった
Avatar for tatsuya1970 tatsuya1970
0
690
Beyond Multiprocessing: A Real-World ML Workload Speedup with Python 3.13+ Free-Threading
Avatar for Azuma kitsuya0828
0
310
RailsのPostgreSQL 18対応
Avatar for Yasuo Honda yahonda
0
1k
"複雑なデータ処理 × 静的サイト" を両立させる、楽をするRails運用 / A low-effort Rails workflow that combines “Complex Data Processing × Static Sites”
Avatar for hogelog hogelog
3
1.2k
全てGoで作るP2P対戦ゲーム入門
Avatar for ponyo877 ponyo877
3
1.1k
Flaky Testへの現実解をGoのプロポーザルから考える | Go Conference 2025
Avatar for upamune / Yu SERIZAWA upamune
1
210
データ民主化を加速する仕組み作り -BigQuery Sharing の活用-
Avatar for PLAID Tech plaidtech
PRO
0
140
業務でAIの力を最大限に発揮するために #弁護士ドットコム
Avatar for 弁護士ドットコム bengo4com
0
280

Featured

See All Featured
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.5k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.8k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.5k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
114
20k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k
KATA
Avatar for Megan Lloyd mclloyd
32
14k
Navigating Team Friction
Avatar for Lara Hogan lara
189
15k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.8k

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