Subscribed unsubscribe Subscribe Subscribe

@kyanny's blog

Write down what I learnt. Opinions are my own.

Quipper Qstrap で theme-color

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

Quipper Colors

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

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