サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
週末にwebサイトの機能追加の依頼が入り、 メールフォームに利用規約の同意ボタンを実装しました。 自分用メモとしてHTML、jQuery、cssのソースをまとめておきます。誰かの参考になれば幸いです！ チェックされたら送信可能にするボタンをjQueryで制御する 動作としてはこんな感じ 最初にページが表示されたときは、送信ボタンが押せない状態になってる ↓ ↓ ↓ "「利用規約」に同意します"にチェックが入ったら、 送信ボタンを押せるようにする デモも作ってみたので実際に触って確認してみてください。 demo 「利用規約」に同意します 条件分岐：チェックボックスに… チェックが入っている → 送信ボタンが押せる チェックが入っていない → 送信ボタンが押せないHTML <!-- チェックボックス --> <input id="checkBtn" type="checkbox"><la
味気ないラジオボタンをスイッチデザインに変換してくれるjQueryプラグインです。 それ以上でもそれ以下でも無いのですが・・・。 jQueryプラグインを読み込むだけですぐに変換 jQueryプラグインを読みこめば、ラジオボタンが以下のようになります。 サンプルデモは以下に http://ahmad-sa3d.github.io/rcswitcher/ ダウンロードは以下からできます。index.html ファイルのソースを見れば、特に設定などの仕様を読まなくても直ぐにわかるかと思います。 ahmad-sa3d/rcswitcher ·GitHub もう少しデザインにこだわりたい人 ボタンを手軽に変換出来るjQueryプラグインは他にも結構ありますが、こちらもオススメです。 fronteed/icheck ·GitHub 是非お試しあれ。 それでは、また。
こんにちは、物理ボタン大好きジャイアン鈴木です。以前はホーム、メニュー、戻るボタンを物理ボタンとして備えているスマホが多かったですが、最近はそれらが希少種となっているのが嘆かわしい限りです。 物理ボタンの利点はふたつあります。まずひとつは、手探りで押せること。ソフトウェアキーでは手探りしようがありませんね。もうひとつは押したときにフィードバックがあること。ソフトウェアキーでもバイブや音などでフィードバックを付加できますが、マナーモードなどで完全消音に設定しているときには利用することはできません。 という理由から、物理ボタンが超好きなワタクシ、ジャイアン鈴木は、メインスマホには『iPhone』や『Galaxy』シリーズなどホームボタンがあるモデルを選び、それに加えてボタン型イヤホンプラグ『Pressy』などで物理ボタンを増設しています。 ↑Android用のボタン型イヤホンプラグ『Press
sponsored シャドーAIの可視化と利用制御、DLPによる機密情報漏洩防止も可能な「FortiSASE」 病院から患者の個人情報漏洩！ “AI世代”研修医が引き起こしたシャドーAI事故……どうやったら防げた？ sponsored CData SyncのCDCでクラウドDWHの真の実力を開花させる 「データは昨日のまま」で大丈夫？ クラウドDWHのデータパイプラインを刷新して、意思決定の「速さ」を手に入れる sponsored 日本市場の声を反映したカスタマイズも アップル愛に満ちた開発者が手掛けた「子供のため」のiPadケース、日本の教育市場に向けて展開 sponsored LEVEL-R889-LC265K-UKX [RGBBuild]をレビュー これは欲しい！欲しいぞ！ハーフミラーな多面体デザイン＆RGB LEDファン10基のゲーミングPC、RTX 5070 Tiで性能も◎ s
Androidの操作ボタンをディスプレイ上に表示することができるアプリ「Button Savior」の非root端末用が最近リリースされました。 Button Saviorは、Androidのホームボタンや戻るボタン、アプリ起動履歴ボタンといった数種類の操作ボタンをディスプレイ両端の好きな位置に表示することができるアプリ。物理的なボタンが壊れてしまった場合や、元からあるボタンを押すのが面倒という方に勧めです。タブレットのボタンはディスプレイ下部に表示され、押すのにいちいち手を動かす必要がありますが、このアプリを使えば両端を持ったまま操作できるようになるので、私はタブレットで利用しています。 Button Saviorはだいぶ前から存在していますが、ボタンを表示するのにroot権限が必要だったので、root化済み端末でしか利用できませんでした。今回リリースされた非root端末用は、対応OSが
白色と黒色でそれぞれシンプルに作られたソーシャルサービスのアイコン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で実装されたボタンを紹介します。 ほとんどのものがclassを追加するだけで、簡単に利用できます。
GitHubスタイルのシンプルで使いやすいボタンをclassの指定だけで簡単に実装できるスタイルシートを紹介します。CSS3GitHub Buttons [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページはボタンの文言を日本語にし、シンプルしたものをアップしました。 デモページ（当方日本語化） 普通のボタン 注意を促すボタン 大きいボタン グループ化したボタン グループ化したものをまとめたボタン アイコンを伴ったボタン 対応ブラウザ ライセンス 普通のボタン 普通のボタンは、a要素、button要素、input要素などあらゆる要素で作ることができます。 ボタンを作るためには、「class="button"」を加えるだけです。 デモページ（当方日本語化） <a href="#" class="button">Post comment</a> <input class="
Documentation You can add and customize the +1 button to meet the needs of your website, such as modifying the button size and loadtechnique. 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だけで、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
CSS3を使用して、ディテールにこだわったボタンを実装するスタイルシートのチュートリアルをInferenceから紹介します。Creating a Realistic Looking Button withCSS3 実装されたデモは、元記事の下「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ページを開く
