お疲れ様です!制作部の姫野です(^ω^)
最近こんなホームページを見つけました。
イラストが印象的なかわいらしいページです。
実はこのホームページのある部分で「他のホームページではめったに実装されていない機能」を見ることができます!
ぜひ探してみてください。
訪問型美容室|Door&Q(ドア・アンド・キュー)
http://door-and-q.jp/
さあ、どこでしょうか?(゚∀゚)
ヒントは「スマホ表示」です!
.
.
.
.
.
【答え】
私が持っているAndroid(ブラウザ:Chrome)で見てみます。
この違和感に気づくでしょうか?
そう、アドレスバーがどピンクになっていますね!
どうやったらこんなふうになるんだろう…と調べてみたところ、
meta情報を記述する部分に
<meta content="#カラーコード" name="theme-color">
を追記することで実装できることが分かりました!
さっそく弊社のブログにも実装してみました↓
面白い!(;゚∀゚)=3ハァハァ
小ネタではありますが、ちゃんとしたメリットもあると思います。
「このホームページちょっと違う!」というポイントの1つになりますし、タブをいっぱい開いている時にもけっこう目立ってくれます。
また、コーポレートカラーの訴求にもなります。
簡単にできるけど、他サイトとの差別化に役立つハックなのではないかと思います!
ただ…!!どういうわけかAndroid Chrome限定の機能なのです(;´Д`)エェー
iOSに実装されていないからか、認知度もいまいちです。
ただ、浸透していない今が逆にチャンスかもしれませんね!
デザイナーにとってはアツい機能なので、もっと対応ブラウザが増えてくれないかなーと思っています(´ )౪ (`)ニッ