キャンセルのキャンセル問題から考えるダイアログデザイン｜Goodpatch Blog グッドパッチブログ
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
jQuery：チェックされたら送信可能にするボタンをjQueryで制御する - webデザイン初心者｜sometimes study
週末にwebサイトの機能追加の依頼が入り、 メールフォームに利用規約の同意ボタンを実装しました。 自分用メモとしてHTML、jQuery、cssのソースをまとめておきます。誰かの参考になれば幸いです！ チェックされたら送信可能にするボタンをjQueryで制御する 動作としてはこんな感じ 最初にページが表示されたときは、送信ボタンが押せない状態になってる ↓ ↓ ↓ "「利用規約」に同意します"にチェックが入ったら、 送信ボタンを押せるようにする デモも作ってみたので実際に触って確認してみてください。 demo 「利用規約」に同意します 条件分岐：チェックボックスに… チェックが入っている → 送信ボタンが押せる チェックが入っていない → 送信ボタンが押せない HTML <!-- チェックボックス --> <input id="checkBtn" type="checkbox"><la
ラジオボタンをスイッチデザインに変換するjQueryプラグイン
味気ないラジオボタンをスイッチデザインに変換してくれるjQueryプラグインです。 それ以上でもそれ以下でも無いのですが・・・。 jQueryプラグインを読み込むだけですぐに変換 jQueryプラグインを読みこめば、ラジオボタンが以下のようになります。 サンプルデモは以下に http://ahmad-sa3d.github.io/rcswitcher/ ダウンロードは以下からできます。index.html ファイルのソースを見れば、特に設定などの仕様を読まなくても直ぐにわかるかと思います。 ahmad-sa3d/rcswitcher · GitHub もう少しデザインにこだわりたい人 ボタンを手軽に変換出来るjQueryプラグインは他にも結構ありますが、こちらもオススメです。 fronteed/icheck · GitHub 是非お試しあれ。 それでは、また。
物理ボタンが8個もあるauタフネススマホ『TORQUE G02』は防水じゃなくても購入に値する - 週刊アスキー
こんにちは、物理ボタン大好きジャイアン鈴木です。以前はホーム、メニュー、戻るボタンを物理ボタンとして備えているスマホが多かったですが、最近はそれらが希少種となっているのが嘆かわしい限りです。 物理ボタンの利点はふたつあります。まずひとつは、手探りで押せること。ソフトウェアキーでは手探りしようがありませんね。もうひとつは押したときにフィードバックがあること。ソフトウェアキーでもバイブや音などでフィードバックを付加できますが、マナーモードなどで完全消音に設定しているときには利用することはできません。 という理由から、物理ボタンが超好きなワタクシ、ジャイアン鈴木は、メインスマホには『iPhone』や『Galaxy』シリーズなどホームボタンがあるモデルを選び、それに加えてボタン型イヤホンプラグ『Pressy』などで物理ボタンを増設しています。 ↑Android用のボタン型イヤホンプラグ『Press
Androidスマホに物理ボタンを追加する「PRESSY」
メディアブリッジは、サイバーエージェントが展開するクラウドファンディングサイト「MAKUAKE」にて、アンドロイド端末用のイヤホンジャックアクセサリ「PRESSY」の日本での開発・販売に向けて予約販売を募集開始した。
Androidの操作ボタンをディスプレイ両端の好きな位置に表示できるアプリ「Button Savior」の非root端末用がリリース | juggly.cn
Androidの操作ボタンをディスプレイ上に表示することができるアプリ「Button Savior」の非root端末用が最近リリースされました。 Button Saviorは、Androidのホームボタンや戻るボタン、アプリ起動履歴ボタンといった数種類の操作ボタンをディスプレイ両端の好きな位置に表示することができるアプリ。物理的なボタンが壊れてしまった場合や、元からあるボタンを押すのが面倒という方に勧めです。タブレットのボタンはディスプレイ下部に表示され、押すのにいちいち手を動かす必要がありますが、このアプリを使えば両端を持ったまま操作できるようになるので、私はタブレットで利用しています。 Button Saviorはだいぶ前から存在していますが、ボタンを表示するのにroot権限が必要だったので、root化済み端末でしか利用できませんでした。今回リリースされた非root端末用は、対応OSが
無料で使えるシンプルなソーシャルサービスの白黒アイコン14種類
白色と黒色でそれぞれシンプルに作られたソーシャルサービスのアイコン14種類です。制作者によると「諸事情によりパブリック・ドメインやCreative Commonsにはできそうもなかった」とのことですが、アイコンの入ったZIPファイルに同梱されているテキストの条件に従って使用が可能となっています。 ShiroKuro Social Icons v1.5 - Weblog - hail2u.net これらはhail2u.netのフッターで用いられているもの。ファイルはPNG形式とPSD形式で収録されています。 アイコンはフィード、メール、Webサイト、Twitter、はてなグループ、GitHub、Flickr、Last.fm、Delicious、はてなブックマーク、Facebook、Wufoo、Amazon、Pinterestの14種類。それぞれ白文字、黒文字バージョンがあります。 黒文字のメ
CSS3で実装されたボタンの総まとめ
利用も簡単にでき、スタイルシートの勉強にもなる、CSS3で実装されたボタンを紹介します。 ほとんどのものがclassを追加するだけで、簡単に利用できます。
[CSS]シンプルで使いやすいGitHub風のボタンを簡単に実装できるスタイルシート
GitHubスタイルのシンプルで使いやすいボタンをclassの指定だけで簡単に実装できるスタイルシートを紹介します。 CSS3 GitHub Buttons [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページはボタンの文言を日本語にし、シンプルしたものをアップしました。 デモページ（当方日本語化） 普通のボタン 注意を促すボタン 大きいボタン グループ化したボタン グループ化したものをまとめたボタン アイコンを伴ったボタン 対応ブラウザ ライセンス 普通のボタン 普通のボタンは、a要素、button要素、input要素などあらゆる要素で作ることができます。 ボタンを作るためには、「class="button"」を加えるだけです。 デモページ（当方日本語化） <a href="#" class="button">Post comment</a> <input class="
Google +1 をウェブサイトに表示
Documentation You can add and customize the +1 button to meet the needs of your website, such as modifying the button size and load technique. By adding the +1 button to your website, you allow your users to recommend your content to their circles and drive traffic to your site. The +1 button can also improve the time spent on your site by providing recommendations for further reading. Use of the
画像を使わずCSS3だけで尖ったBack・Nextボタンを作る方法
CSS3だけで、iOS風のBackやNextの尖ったナビゲーションボタン作る方法ないかな〜と探していたところ、良記事があったので紹介します。Androidで確認してませんが、webkit向けなのでたぶんAndroidでも大丈夫だと思います。Androidはひと工夫必要そうです。 CSS3 Wizardry -Back and Next Buttons Revisited- CSS3 Wizardry -Subpixel Rendering- Buttons Revisitedの方が改良版で疑似要素バージョンみたいです。原理はSubpixel Renderingの方がわかりやすいです。 ポイントとなるHTML ボタンを構成する要素はこれだけ。 <!--ボタン要素--> <div class="button bordered back"> <span class="label">Back</s
[CSS]画像にも負けないクオリティのボタンを実装するスタイルシート | コリス
CSS3を使用して、ディテールにこだわったボタンを実装するスタイルシートのチュートリアルをInferenceから紹介します。 Creating a Realistic Looking Button with CSS3 実装されたデモは、元記事の下「Show and Tell」で確認できます。 対応ブラウザはFx3.6, Safari4, Chromeで、IE8では角丸とアクティブ時のスタイルが欠けます。 実装：HTML ディテールにこだわっているため、HTMLは煩雑なものになっています。これらはCSSの指定に意味をなします。 <textarea name="code" class="html" cols="60" rows="5"> <a class="button"><b class="o"><b class="m"><b>Post</b></b></b></a> </textarea>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
OS X 10.9 Mavericksから採用された電源ボタン・スリープ機能を無効にする方法
【Windows 8.1カウントダウン】 スタートボタンの功罪
新着記事
新着記事
Welcome to nginx!