タグ

2017年12月7日のブックマーク (2件)

  • <a>か<button>か - hitode909の日記

    クリックできるものがあって,<a>にするか<button>にするか,という話をしていて,いろんな観点があるなと思ったのでメモ. 単なる画面遷移なら<a> 単にformを送信したいときは,<input type="submit">や<button> <button>はdisabled属性を使って無効状態にできるので,押せない場合もあるなら便利 リンクを<a>にしておくと,PCではホバーするとリンク先が見えるので,ユーザーにとっては何が起きるか予想できて便利 そう考えるとformは押してみるまでどこに飛ぶか分からないので怖い気がする リンクを<a>にしておくと,:visitedを使って訪問済のリンクの色を変えることができて便利 モーダルウィンドウを出すとき,ウェルカムメッセージを開くボタンを<a href="#welcome">として,/#welcomeのときにウェルカムメッセージを出す,とし

    <a>か<button>か - hitode909の日記
    rryu
    rryu 2017/12/07
    a要素のデフォルトアクションを絶対にキャンセルするならbutton要素、そうでないならa要素で、迷うところは無いように思う。
  • バッドデザイン賞を勝手にノミネートしてみた-2017年度版-|おり

    忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか? 私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「当にこれギャグじゃないの?」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは?とご指摘頂きました

    バッドデザイン賞を勝手にノミネートしてみた-2017年度版-|おり
    rryu
    rryu 2017/12/07
    思ったよりもバッドなデザインだった。エレベータ呼び出しボタンの触ってはいけないアイコンの意味が分からない。何の注意なんだろう。