@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 の練習も兼ねている。