logo

TeamKittenの公式サイトが更に見やすくなりました!

May 21, 2020

WRITTEN BY TinyKitten

TeamKittenリーダーのTinyKittenです。 TeamKittenの公式サイトが低いブラウザの解像度だとモーダルのヘッダーが被って閉じづらくなってしまったので、ある程度の高さであれば対応できるようにしました。

前のデザイン

OLD

これはよくないので、一番上の画像と同じですが高さを調整しました。

新しいデザイン

NEW

2018年のMacBook Pro 13インチの内蔵ディスプレイを使ってChromeで表示してみました。これだったら見やすいですね。

さらに、カバー画像の縦横比が16:9ではない場合画像の表示が崩れてしまっていたのでそこも直しました。

縦横比バグ修正前

Aspect OLD

無理やり収まらせていて気持ち悪いですね。

縦横比改善後

Aspect NEW

欲を言えば16:9で画像を提出してほしいのですが、ちゃんと縦横比を尊重して画像を表示するようにしました。

今後も見やすさを考えながらウェブサイトを更新していきますので、よろしくお願いします。

© 2020 TeamKitten