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
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
1
940
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
Avatar for とすり tosuri13
4
260
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
7
2.2k
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
210
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
260
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
420
15年続くIoTサービスの SREエンジニアが挑む 分散トレーシング導入
Avatar for Melonps melonps
2
190
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
260
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
AIと一緒にレガシーに向き合ってみた
Avatar for nyafunta9858 nyafunta9858
0
190
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
280

Featured

See All Featured
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
380
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
2
250
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
36k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
320
Side Projects
Avatar for Sacha Greif sachag
455
43k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
520
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
430
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
1.9k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
0
200

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?