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

Talk about "clg" color list generator.

Avatar for griffin-stewie griffin-stewie
July 21, 2015
Technology
490
1

Talk about "clg" color list generator.

関モバ #4 http://kanmoba.connpass.com/event/16940/

Avatar for griffin-stewie

griffin-stewie

July 21, 2015

More Decks by griffin-stewie

See All by griffin-stewie
How I develop a Sketch Native Plugin
Avatar for griffin-stewie griffin_stewie
0
800
Boost your App Dev using Sketch
Avatar for griffin-stewie griffin_stewie
0
330
Take a peep at .app
Avatar for griffin-stewie griffin_stewie
0
480
Lightweight Markup Language to PDF
Avatar for griffin-stewie griffin_stewie
1
630
ドキュメント作成どうしてる？
Avatar for griffin-stewie griffin_stewie
0
630
Pitfalls of PhotoKit
Avatar for griffin-stewie griffin_stewie
0
280
Tips for Apple Watch.
Avatar for griffin-stewie griffin_stewie
0
860
JSON をそこそこ見やすくする CUI ツールを Objective-C で作ったときの話
Avatar for griffin-stewie griffin_stewie
1
600

Other Decks in Technology

See All in Technology
多摩川(.dev)ランニング入門 / Tamagawa.dev#3
Avatar for FUJIWARA Shunichiro fujiwara3
3
360
【Oracle AI Spotlight ウェビナー】AWSか、Azureか、Google Cloudか。その議論にオラクルを含める意義。
Avatar for oracle4engineer oracle4engineer
PRO
2
230
Nav2、Nav3 ... はたまた自作？〜 作って理解する Nav3 の設計意図 〜 / Nav2, Nav3 ... or Build Your Own? — Understanding Nav3's design intent by building it from scratch
Avatar for Yuki Anzai yanzm
0
240
リージョンの壁を越える、 ちょっと変わったAWSサービスの話
Avatar for Michael Tedder falken
PRO
0
250
[RSJ26] AnoleVLA: Lightweight Vision-Language-Action Model with Deep State Space Models for Mobile Manipulation
Avatar for Semantic Machine Intelligence Lab., Keio Univ. keio_smilab
PRO
0
120
ブラウザアプリの継続的パフォーマンスモニタリング (序) / Continuous Browser Application Performance Monitoring; Act 1
Avatar for moznion moznion
0
110
いかに伝えるか　〜新卒エンジニアの教育のための、ライトノベル活用の一例
Avatar for Akira Ikeda（池田 暁） ikedon
1
200
#jawssonic2026 あの時代が悪かった ~動かなかったSageMakerと共に迎えたイベント当日~
Avatar for Kana Kitagawa ktkn1129
0
130
AI 駆動 Terraform 開発/SRE_BizReach_MIXI_2
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
1k
[DroidKaigi 2026] Making UI specifications visible: Android UI development in the AI agent era supported by Compose Screenshot Testing and galleries
Avatar for syarihu syarihu
0
570
AI時代におけるプロダクト横断勉強会の設計
Avatar for ZOZO Developers zozotech
PRO
0
150
[RSJ26] Building a VLA Model Based on Self-Distilled Classification
Avatar for Semantic Machine Intelligence Lab., Keio Univ. keio_smilab
PRO
0
190

Featured

See All Featured
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
450
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.4k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1369
210k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
970
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.5k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
510
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
232
55k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
500
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k

Transcript

  1. clg @griffin_stewie

  2. Fenrir Inc. @griffin_stewie

  3. How do you get inputs about colors from your designers?

    https://flic.kr/p/5BUhTc

  4. From Designer • Specification Document • #FF5722 • r:255, g:87,

    b34 • Pick it by your self

  5. How do you apply colors? https://flic.kr/p/rohX3a

  6. Storyborads • Using Color Picker • Painfull

  7. Code • Category • Extension

  8. Storyboard VS Code • Sometimes color is not same

  9. How about Androids? https://flic.kr/p/9vSR9i

  10. Who cares? http://images.sodahead.com/polls/0/0/0/6/8/0/4/6/5/polls_who_cares_4800_920100_poll.jpeg

  11. I care

  12. Use “clg” https://flic.kr/p/5YWuWk

  13. What is “clg”? • Generate code from ASE file •

    a.k.a. "Adobe Swatch Exchange" • Swift extension Code • Objective-C category code • Android’s colors.xml

  14. What is `clg`? • Generate JSON file as definition file

    • git friendly

  15. What is `clg`? • Generate clr file • Storyboard friendly

    • Easy to recognize what color is

  16. Color Picker

  17. Swift

  18. Objective-C

  19. Android

  20. https://github.com/griffin- stewie/clg