パソコンとモバイル端末で吹き出しの変更

やーまん

こんにちは。やーまんです。
パソコンで見るとアバターと文字サイズが大きく表示されます。
スマホやタブレットで見ると
小さく表示されます。

吹き出しの種類の変更も可能です。

やーまん

これで大きさに気兼ねなく、
吹き出しが作れます。

やったね!!

やーまん

概要

当サイトも遂にパソコンよりもスマホからのアクセス数が上回りました。

Word Balloon開発当初からアバターの横に吹き出しを出すアングルがメインでした。

スマホだとこのアングルは短文の場合、問題ありませんが、長文の吹き出しだと見づらいのが難点。

あとはアバターサイズをかなり大きめに設定している場合ですね。

そのためそれらに該当する場合はアバターの上か下に吹き出しを出すのがベターです。

フルレスポンシブで作れたら良かったのですが、吹き出しの種類やアバターの大きさで微妙に位置調整をしているため実現できませんでした。

そこでアクセス時の端末で判定して吹き出しやアバターの大きさなどを変更する機能としました。

これでスマホを気にせずにパソコンユーザー向けに大きいアバターや文字の大きさも使いたい放題になるはず。