Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

UIl

Avatar for sjonnet19 sjonnet19
April 17, 2012
Technology
95
1

 UIl

Avatar for sjonnet19

sjonnet19

April 17, 2012

More Decks by sjonnet19

See All by sjonnet19
Vagrant
Avatar for sjonnet19 sjonnet19
0
65
Docker
Avatar for sjonnet19 sjonnet19
0
110
Hybrid
Avatar for sjonnet19 sjonnet19
1
65
CSSc
Avatar for sjonnet19 sjonnet19
1
120
MLc
Avatar for sjonnet19 sjonnet19
1
71

Other Decks in Technology

See All in Technology
How to Design Configuration for Rails Applications
Avatar for Shinichi Maeshima willnet
1
820
Browser Spec: Testing Hotwire with Ruby
Avatar for Masayoshi Takahashi takahashim
1
130
PagerDuty Tech Hub-鳴らすけれど、人は動かない
Avatar for shinji ezaki ezaki
0
180
今さら理解するウェブフォントver.2026
Avatar for takanorip takanorip
3
860
WasmをRustにする
Avatar for SansanTech sansantech
PRO
0
250
分析の民主化を支えるメタデータ整備の実践
Avatar for KAKEHASHI kakehashi
PRO
4
1.4k
AI コーディングと人間の認知スループット / CTO Night & Day 2026 Morning Session / AI Coding and Human Cognitive Throughput
Avatar for Tamirlan 893 Torgayev prog893
4
1.2k
Metadata - Section 1: HTML Basics
Avatar for mohab soliman mohab1
0
120
Classmethod Company Deck
Avatar for Satoshi7 satoshi7
1
710
Temporal 最高!でも改めて「日付」について調べたら人類の負債すぎる件
Avatar for Riya Amemiya riyaamemiya
0
150
古い指輪から広がった JAVA コミュニティ とのつながり
Avatar for Daisuke Yamazaki yamad
0
120
その Valkey 使いこなしていますか？
Avatar for Takafumi ONAKA onk
PRO
5
1.5k

Featured

See All Featured
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
730
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
430
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.5k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
529
40k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
580
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
1
3.4k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
23k
Side Projects
Avatar for Sacha Greif sachag
456
43k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.2k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
710
Abbi's Birthday
Avatar for Violet Bock coloredviolet
4
10k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
464
34k

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