Tag Archives: UI

未分類

【UI/jQuery】画像の上にチェックボックスを重ねて表示する方法

画像の上にチェックボックス重ねて表示する方法を紹介します。まあなんというか、WordPressの「メディアを追加」のような感じのUIです。

動作はChrome(43.0.2357.134)とFirefox(39.0)で確認しました。

作成物イメージ

read more »

JavaScript

UI改善!?jQueryで作るクールな保存ボタンのレシピ

jQueryを使って、Gmailっぽく処理完了メッセージを表示する方法を紹介します。

「保存(成功)」ボタンをクリックすると、非同期でサーバに通信を開始します。通信中は「保存中...」というメッセージを表示させておきます。

通信が完了したら、「保存しました。」というメッセージを表示させます。このメッセージは1秒後に消えます。

gmsave11

また、「保存(失敗)」ボタンをクリックすると、「保存できませんでした。」というメッセージを表示させます。このメッセージは5秒後に消えます。

read more »