ちょっといいなと思ったUIメモ9
Lightboxのようなモーダルで画像を表示するのではなく、画像の表示領域を直接拡大表示するユーザインタフェース。
モバイル環境ではOS標準のピンチイン・アウトで拡大縮小ができるためPCサイトのみの表示。
なにか汎用ライブラリを用いてるのかと思ったが、「v3.exhibitionWorks(セレクタ名)」というメソッドがスクラッチで定義してあった。けっこう労作。
引用元:http://www.tobikan.jp/exhibition/2017_hiroshisugito.html
アイテム認証のメモ
ローチケのアイテム認証画面のメモ。
ちょっといいなと思ったUIメモ8
ちょっといいなと思ったUIメモ7
動作環境などをゆるく伝える表現例として。絵文字にしても良さそう。
ちょっといいなと思ったUIメモ6
イギリスのEU離脱余波と円高のおかげで保有株の値がぜんぜん上がらないため、腹いせに前から欲しかったPhpStormを購入しました。
購入時に支払い方法をクレカかPayPalか選択できるのですが、クレカの情報入力用インタフェースが良かったのでメモ。
引用元:https://www.jetbrains.com/phpstorm/
上記の図を見てもらえば一目瞭然だと思いますが、購入画面にはクレジットカードに似た画像が表示されていて、利用者は手持ちのクレジットカードに沿って情報を入力すれば良いため、ストレス無く入力出来るのではないでしょうか。
ちなみにクレカの入力自体がストレスなため、私はPayPalで払いました。
ちょっといいなと思ったUIメモ5
Sublime Text 2 で別々のディレクトリにある同名のファイルを開くと上記の画像にあるように「ファイル名 ー ディレクトリ名」と表示してくれて地味に便利。