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

UIl

Avatar for sjonnet19 sjonnet19
April 17, 2012
Technology
88
1

 UIl

Avatar for sjonnet19

sjonnet19

April 17, 2012

More Decks by sjonnet19

See All by sjonnet19
Vagrant
Avatar for sjonnet19 sjonnet19
0
54
Docker
Avatar for sjonnet19 sjonnet19
0
99
Hybrid
Avatar for sjonnet19 sjonnet19
1
61
CSSc
Avatar for sjonnet19 sjonnet19
1
110
MLc
Avatar for sjonnet19 sjonnet19
1
68

Other Decks in Technology

See All in Technology
RedmineをAIで効率的に使う検証
Avatar for Takayuki Yoshioka yoshiokacb
0
170
パーソルキャリア IT/テクノロジー職向け 会社紹介資料｜Company Introduction Deck
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
250
R&D 祭 2024 UE5で絵コンテ・作画の制作支援ツールをつくる話
Avatar for OLM Digital R&D olmdrd
PRO
0
200
DI コンテナ自動生成ツールを実装してみた / intro-autodi
Avatar for uhzz uhzz
0
720
マンション備え付けのネットワークとLTE回線を組み合わせた ネットワークの安定化の考案
Avatar for harutiro harutiro
1
140
Python開発環境にハーネス適用を検討する
Avatar for yuuuka yuuka51
0
200
ルール・ロール・ツールを創る / Creating Rules, Roles and Tools
Avatar for Kenji Saito ks91
PRO
0
140
[みん強]AIの価値を最大化するデータ基盤戦略：Self-Service型Data Meshへの転換とAgentic AI Meshに向けた取り組み with Snowflake他
Avatar for Matsubara y_matsubara
1
160
Oracle AI Database@Azure：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
6
1.7k
AI時代に、 データアナリストがデータエンジニアに異動して
Avatar for jackojacko_ jackojacko_
0
1.1k
実例から学ぶ GuardDuty（SSH BruteForce）調査の全体フローと勘所【SecurityJAWS】
Avatar for サイバーセキュリティクラウド cscengineer
PRO
0
170
JaSSTに関わることで変わった人生観 #jasstnano
Avatar for Makky makky_tyuyan
0
160

Featured

See All Featured
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
440
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
240k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
280
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
350
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
170
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.8k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
750
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
180
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k

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