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

Components with LayoutKit

Avatar for Domas Nutautas Domas Nutautas
October 12, 2017
Programming
0
100

Components with LayoutKit

Clear requirements and communication between developers and designers.

Avatar for Domas Nutautas

Domas Nutautas

October 12, 2017
Tweet

More Decks by Domas Nutautas

See All by Domas Nutautas
Inferred Navigation Flows
Avatar for Domas Nutautas domasn
0
130

Other Decks in Programming

See All in Programming
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
4
330
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
590
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
1
230
Kotlin Multiplatform Meetup - Compose Multiplatform 외부 의존성 아키텍처 설계부터 운영까지
Avatar for Suhyeon Kim wisemuji
0
190
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
250
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
150
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
2
4.3k
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
680
Vibe Coding - AI 驅動的軟體開發
Avatar for Micky Li mickyp100
0
170
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
170

Featured

See All Featured
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
170
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
230k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
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
110
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.7k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
140
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
300
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
7.9k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k

Transcript

  1. Components with LayoutKit Domas Nutautas @Cocoa.lt #10

  2. Chapter 1: A new beginning Or how Trafi prepared for

    rebranding

  3. Back in 2016 - Colors Chapter 1: A new beginning

  4. Back in 2016 - Colors Chapter 1: A new beginning

    E96 43C E34 B2C

  5. Back in 2016 - Fonts Chapter 1: A new beginning

  6. Back in 2016 - Fonts Chapter 1: A new beginning

  7. Back in 2016 - Fonts Chapter 1: A new beginning

  8. Back in 2016 - Spacings Chapter 1: A new beginning

  9. Back in 2016 - Spacings Chapter 1: A new beginning

  10. Color palette - Primary - Secondary - Dark - Background

    Solution - UI Base Chapter 1: A new beginning

  11. Color palette - Primary - Secondary - Dark - Background

    7 Text styles - Size, line height, weight, color, all caps Solution - UI Base Chapter 1: A new beginning

  12. 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

  13. Badge Components Chapter 1: A new beginning

  14. Badge Icon Components Chapter 1: A new beginning

  15. Badge Icon Components Chapter 1: A new beginning

  16. Badge Icon Components Chapter 1: A new beginning Cell

  17. Screens from components Chapter 1: A new beginning

  18. Chapter 2: The unexpected savior Or how Auto Layout got

    replaced by LayoutKit

  19. Implementation Chapter 2: The unexpected savior - Separate UI.framework -

    Subclass for each component - Interface builder friendly - UIStackViews and Auto Layout - NibView

  20. Result Chapter 2: The unexpected savior

  21. Bottleneck - UIStackView Chapter 2: The unexpected savior

  22. Bottleneck - UIStackView Chapter 2: The unexpected savior

  23. Bottleneck - UIStackView Chapter 2: The unexpected savior

  24. Bottleneck - UIStackView Chapter 2: The unexpected savior

  25. Bottleneck - UIStackView Chapter 2: The unexpected savior

  26. Solution - LayoutKit Chapter 2: The unexpected savior - Fast

    - Asynchronous - Declarative - Cacheable

  27. Result Chapter 2: The unexpected savior

  28. Chapter 3: Own your city Or why you should join

    Trafi

  29. We’re hiring Team building last weekend in Norway

  30. 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!

  31. Thanks for your attention. Questions?