@kyanny's blog

すべての商品はファッション商品となる。すべての産業はファッション産業となる - 浜野安宏

Quipper Qstrap で theme-color

Google Developers Summit に参加する数日前に theme-color というものを知って面白いなと思い、カンファレンスでも言及されていてさらに興味が湧いたので、自分で試したくなってちょっとしたでもページを作った。

Quipper Colors

Quipper では Bootstrap をベースにした Qstrap という CSS フレームワークを自社開発している。これは Quipper のサービスで統一したカラースキームやコンポーネントを再利用しやすくすることで、開発者の負担を減らしたり統一したユーザー体験を提供する目的で作られているものだが、このカラースキームを選ぶと theme-color を変化させて Android Chrome のツールバーの色を変えられる、というもの。

実装は至極単純で、 meta タグの値を変えただけの HTML を各色ぶん用意してリンクをはってるだけ。仕事では Qstrap を毎日使っているものの、ゼロからマークアップすることはあまりないし、あまり使わないコンポーネントもあったりするので、 Qstrap の練習も兼ねている。