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

UIl

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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 Toru Yamaguchi a.k.a zigorou zigorou
4
810
型を書かないRuby開発への挑戦
Avatar for Shia riseshia
0
210
Kaggleの経験が実務にどう活きているか / kaggle_findy
Avatar for Sansan R&D sansan_randd
7
1.3k
Claude Code のコード品質がばらつくので AI に品質保証させる仕組みを作った話 / A story about building a mechanism to have AI ensure quality, because the code quality from Claude Code was inconsistent
Avatar for nrs nrslib
2
240
[JAWS DAYS 2026]私の AWS DevOps Agent 推しポイント
Avatar for Toshihiro Furuno furuton
0
130
OpenClawで回す組織運営
Avatar for Kazuto Kusama jacopen
3
670
2026-03-11 JAWS-UG 茨城 #12 改めてALBを便利に使う
Avatar for SUZUKI Masashi masasuzu
1
320
PMBOK第8版は第7版から何が変わったのか（PMBOK第8版概要解説） / 20260304 Takeshi Watarai
Avatar for SHIFT EVOLVE shift_evolve
PRO
0
110
JAWS DAYS 2026 ExaWizards_20260307
Avatar for ExaWizards exawizards
0
390
わたしがセキュアにAWSを使えるわけないじゃん、ムリムリ！(※ムリじゃなかった!?)
Avatar for cm-usuda-keisuke cmusudakeisuke
1
480
us-east-1 に障害が起きた時に、 ap-northeast-1 にどんな影響があるか 説明できるようになろう！
Avatar for Kazuki Miura miu_crescent
PRO
13
4.1k
Agentic Software Modernization - Back to the Roots (Zürich Agentic Coding and Architectures, März 2026)
Avatar for Markus Harrer feststelltaste
1
230

Featured

See All Featured
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
390
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
11k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.3k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
170
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.5k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.9k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.1k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
130
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
760
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
79

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