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

Components with LayoutKit

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
開発者から情シスまで - 多様なユーザー層に届けるAPI提供戦略 / Postman API Night Okinawa 2026 Winter
Avatar for tasshi tasshi
0
200
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
Avatar for petamoriken / 森建 petamoriken
0
200
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
450
Smart Handoff/Pickup ガイド - Claude Code セッション管理
Avatar for rasshii yukiigarashi
0
130
AI & Enginnering
Avatar for codelynx codelynx
0
110
AI時代の認知負荷との向き合い方
Avatar for OptFit Corp. optfit
0
150
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる！
Avatar for とすり tosuri13
1
170
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
110
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140
CSC307 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
770

Featured

See All Featured
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.3k
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.2k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
0
310
Between Models and Reality
Avatar for mayunak mayunak
1
180
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
0
190
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
200
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.2k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
670

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?