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
もうちょっといいRubyプロファイラを作りたい (2025)
Avatar for osyoyu osyoyu
1
460
チームのテスト力を鍛える
Avatar for Hiroki Iseri goyoki
3
970
意外と簡単！？フロントエンドでパスキー認証を実現する WebAuthn
Avatar for teamLab teamlab
PRO
2
780
スケールする組織の実現に向けた インナーソース育成術 - ISGT2025
Avatar for teamLab teamlab
PRO
2
180
Updates on MLS on Ruby (and maybe more)
Avatar for sylph01 sylph01
1
190
Improving my own Ruby thereafter
Avatar for monochrome sisshiki1969
1
160
Namespace and Its Future
Avatar for Satoshi Tagomori tagomoris
6
710
旅行プランAIエージェント開発の裏側
Avatar for Ippo Matsui / 令和トラベル ippo012
2
930
FindyにおけるTakumi活用と脆弱性管理のこれから
Avatar for adachi.ryo rvirus0817
0
550
AI Coding Agentのセキュリティリスク：PRの自己承認とメルカリの対策
Avatar for さうす s3h
0
240
概念モデル→論理モデルで気をつけていること
Avatar for sunnyone sunnyone
3
300
Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
Avatar for Marco Roth marcoroth
0
720

Featured

See All Featured
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.9k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
Code Review Best Practice
Avatar for Trisha Gee trishagee
71
19k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
139
34k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.6k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3k

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?