Twitterがウィジェットのデザインを変更、Facebookなどへの共有も可能に

2016/3/4 01:27

Twitter のウィジェットのデザインが変わったようで、なんだか白くなってます。

↑ 新しいデザインの「Light」テーマ。

あとヘッダーのフォントが日本語だとなんだかアンバランスだし、フッターにあるリンクだけちょっと浮いてる感じがして、スタイルシートが読み込まれてないのかと何度もリロードしてしまった。

以前のウィジェットとどこがどう変わったか分かる？と聞かれたら全然分からなかったのですが、たまたま昼間開いた Chrome のタブが残ってたのでキャプチャしました。

↑ これが以前のデザイン。

比較してみるとヘッダーもフッターもアイコンの大きさも変わってます。ツイートの右上に薄く Twitter のアイコン、ツイートの下に薄くいいねアイコンと共有アイコンがつき、リプライ用のアイコンは消えてます。ツイート時間のテキスト色などが薄くなり、全体のボーダーもなくなってます。

あとツイートにマウスオーバーした時のデザイン等も変わってます。

↑ 以前のデザインでマウスオーバーした状態

↑ 新しいデザインでマウスオーバーした状態

以前はリプライなどのアイコンが表示されるだけだったのが、新しいデザインでは背景色がついたり Twitter のアイコンに色がついたりして少し目立つようになってます。

なお、新しく用意された共有アイコンはクリックするとポップアップウィンドウが開くわけれはなく以下のように吹き出しが開きます。

↑ 共有先として Facebook、LinkedIn、Tumblr が用意されている。

ちなみにヘッダーやフッターを消したい場合は「data-chrome=”noheader nofooter”」のように、data-chrome という属性の値に noheader とか nofooter とか入れると消えます。

Webエンジニアやってます。最近はドットインストールの開発がお仕事です。その傍ら、個人で Meity や電車遅延なう、梅酒.in、 #グラドル自画撮り部の部室といったネットサービスを開発・運営してます。梅酒と草野球とリアル脱出ゲームが好きです。