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

Talk about "clg" color list generator.

Talk about "clg" color list generator.

griffin-stewie

July 21, 2015
Tweet

More Decks by griffin-stewie

Other Decks in Technology

Transcript

  1. clg
    @griffin_stewie

    View Slide

  2. Fenrir Inc.
    @griffin_stewie

    View Slide

  3. How do you get inputs about
    colors from your designers?
    https://flic.kr/p/5BUhTc

    View Slide

  4. From Designer
    • Specification Document
    • #FF5722
    • r:255, g:87, b34
    • Pick it by your self

    View Slide

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

    View Slide

  6. Storyborads
    • Using Color Picker
    • Painfull

    View Slide

  7. Code
    • Category
    • Extension

    View Slide

  8. Storyboard VS Code
    • Sometimes color is not same

    View Slide

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

    View Slide

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

    View Slide

  11. I care

    View Slide

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

    View Slide

  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

    View Slide

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

    View Slide

  15. What is `clg`?
    • Generate clr file
    • Storyboard friendly
    • Easy to recognize what color is

    View Slide

  16. Color Picker

    View Slide

  17. Swift

    View Slide

  18. Objective-C

    View Slide

  19. Android

    View Slide

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

    View Slide