Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
UIl
Search
sjonnet19
April 17, 2012
Technology
1
84
UIl
sjonnet19
April 17, 2012
Tweet
Share
More Decks by sjonnet19
See All by sjonnet19
Vagrant
sjonnet19
0
51
Docker
sjonnet19
0
94
Hybrid
sjonnet19
1
56
CSSc
sjonnet19
1
100
MLc
sjonnet19
1
65
Other Decks in Technology
See All in Technology
SCONE - 動画配信の帯域を最適化する新プロトコル
kazuho
1
320
NLPコロキウム20251022_超効率化への挑戦: LLM 1bit量子化のロードマップ
yumaichikawa
1
190
ソフトウェアエンジニアの生成AI活用と、これから
lycorptech_jp
PRO
0
830
「魔法少女まどか☆マギカ Magia Exedra」の多様なバトルの開発を柔軟かつ効率的に実現するためのPure C#とUnityの分離について
gree_tech
PRO
0
240
サイバーエージェント流クラウドコスト削減施策「みんなで金塊堀太郎」
kurochan
4
2.2k
ヘンリー会社紹介資料(エンジニア向け) / company deck for engineer
henryofficial
0
320
ソースを読むプロセスの例
sat
PRO
15
9.8k
[2025年10月版] Databricks Data + AI Boot Camp
databricksjapan
1
240
事業開発におけるDify活用事例
kentarofujii
5
1.3k
Biz職でもDifyでできる! 「触らないAIワークフロー」を実現する方法
igarashikana
3
1.7k
Azureコストと向き合った、4年半のリアル / Four and a half years of dealing with Azure costs
aeonpeople
1
250
「最速」で Gemini CLI を使いこなそう! 〜Cloud Shell/Cloud Run の活用〜 / The Fastest Way to Master the Gemini CLI — with Cloud Shell and Cloud Run
aoto
PRO
0
150
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Designing for Performance
lara
610
69k
Typedesign – Prime Four
hannesfritz
42
2.8k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Unsuck your backbone
ammeep
671
58k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
115
20k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
Transcript
UIl User Interface Library Shawn Jonnet <
[email protected]
> Tuesday, April 17,
12
Overview •Library / Framework •Grid / Layout •UI -Panels /
Buttons oh my Tuesday, April 17, 12
Library / Framework •Grids / Layouts / Responsive •Structure /
Organization •OOCSS •Cross browser support •JavaScript Modules Tuesday, April 17, 12
OOCSS Object Oriented CSS •Separate structure and skin •Separate container
and content •DRY •Predictable •Low specificity Tuesday, April 17, 12
Grid / Layout Responsive layouts •Grids •Layouts •Mobile built in
Tuesday, April 17, 12
UI Panels / Buttons oh my •Panels / Buttons •Alerts
/ Labels •Tabs •Forms •Tables •more ... Tuesday, April 17, 12
Benefits •Structure / Organization / DRY •Documentation / Branding •Cross
browser support •Unit testing Tuesday, April 17, 12