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
Components with LayoutKit
Search
Domas Nutautas
October 12, 2017
Programming
0
100
Components with LayoutKit
Clear requirements and communication between developers and designers.
Domas Nutautas
October 12, 2017
Tweet
Share
More Decks by Domas Nutautas
See All by Domas Nutautas
Inferred Navigation Flows
domasn
0
130
Other Decks in Programming
See All in Programming
What's new in AppKit on macOS 26
1024jp
0
150
NEWT Backend Evolution
xpromx
1
140
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
agatan
1
470
The Niche of CDK Grant オブジェクトって何者?/the-niche-of-cdk-what-isgrant-object
hassaku63
1
620
商品比較サービス「マイベスト」における パーソナライズレコメンドの第一歩
ucchiii43
0
180
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
880
バイブコーディング超えてバイブデプロイ〜CloudflareMCPで実現する、未来のアプリケーションデリバリー〜
azukiazusa1
2
500
「次に何を学べばいいか分からない」あなたへ──若手エンジニアのための学習地図
panda_program
3
300
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
1k
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
170
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
1.1k
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
euglena1215
1
180
Featured
See All Featured
BBQ
matthewcrist
89
9.7k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Agile that works and the tools we love
rasmusluckow
329
21k
Code Reviewing Like a Champion
maltzj
524
40k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
A better future with KSS
kneath
238
17k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.3k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Statistics for Hackers
jakevdp
799
220k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
750
Transcript
Components with LayoutKit Domas Nutautas @Cocoa.lt #10
Chapter 1: A new beginning Or how Trafi prepared for
rebranding
Back in 2016 - Colors Chapter 1: A new beginning
Back in 2016 - Colors Chapter 1: A new beginning
E96 43C E34 B2C
Back in 2016 - Fonts Chapter 1: A new beginning
Back in 2016 - Fonts Chapter 1: A new beginning
Back in 2016 - Fonts Chapter 1: A new beginning
Back in 2016 - Spacings Chapter 1: A new beginning
Back in 2016 - Spacings Chapter 1: A new beginning
Color palette - Primary - Secondary - Dark - Background
Solution - UI Base Chapter 1: A new beginning
Color palette - Primary - Secondary - Dark - Background
7 Text styles - Size, line height, weight, color, all caps Solution - UI Base Chapter 1: A new beginning
Color palette - Primary - Secondary - Dark - Background
7 Text styles - Size, line height, weight, color, all caps Size unit - 4 points Solution - UI Base Chapter 1: A new beginning
Badge Components Chapter 1: A new beginning
Badge Icon Components Chapter 1: A new beginning
Badge Icon Components Chapter 1: A new beginning
Badge Icon Components Chapter 1: A new beginning Cell
Screens from components Chapter 1: A new beginning
Chapter 2: The unexpected savior Or how Auto Layout got
replaced by LayoutKit
Implementation Chapter 2: The unexpected savior - Separate UI.framework -
Subclass for each component - Interface builder friendly - UIStackViews and Auto Layout - NibView
Result Chapter 2: The unexpected savior
Bottleneck - UIStackView Chapter 2: The unexpected savior
Bottleneck - UIStackView Chapter 2: The unexpected savior
Bottleneck - UIStackView Chapter 2: The unexpected savior
Bottleneck - UIStackView Chapter 2: The unexpected savior
Bottleneck - UIStackView Chapter 2: The unexpected savior
Solution - LayoutKit Chapter 2: The unexpected savior - Fast
- Asynchronous - Declarative - Cacheable
Result Chapter 2: The unexpected savior
Chapter 3: Own your city Or why you should join
Trafi
We’re hiring Team building last weekend in Norway
Components library - http://ui.trafi.com Web of componets - https://www.trafi.com/lt/vilnius Looking
for a job? - https://trafi.workable.com LayoutKit library - http://layoutkit.org Simple nib library - https://github.com/trafi/NibView Links Click on them!
Thanks for your attention. Questions?