Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

タグ

関連タグで絞り込む (6)

タグの絞り込みを解除

htmlに関するWindymeltのブックマーク (6)

  • querySelector に型引数を指定しない - Object.create(null)

    必要もないのに querySelector や querySelectorAll の型引数を指定しないようにしましょう. (この記事はAI レビュワーに「型引数を指定した方が型安全だ」と提案されたのに対する反論として作成しています.) querySelector の型安全性 querySelector や querySelectorAll の型定義は, 後述する要素型セレクターに関連する部分を除くと, 基的には以下のようになっています. querySelector<E extends Element = Element>(selectors: string): E | null; querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>; これはつまり型引数が Element を継承し

    querySelector に型引数を指定しない - Object.create(null)
    • 多要素認証におけるワンタイムパスワードの入力欄 | Accessible & Usable

      公開日 :2022年10月17日 カテゴリー : アクセシビリティ / ユーザビリティ 各種サービスへのログイン、インターネットバンキングなどの取引実行前の人確認、といったシチュエーションで、多要素認証としてワンタイムパスワード (†) の入力が求められることが珍しくなくなってきました。従来の認証方法であるユーザー ID とパスワードの組み合わせに加えて、都度、動的に生成される一定の桁数の数字の並びをユーザーに入力させることで、セキュリティをより強固なものにしています。 † ワンタイムパスコード、確認コード、認証コード、などと呼ばれることもあります。 ところで、このワンタイムパスワードの入力欄の実装には、<input type="password"> が用いられているケースを時折見かけます (個人的な感覚としては、インターネットバンキングでこのような実装が比較的多く見られる印象です)。

      多要素認証におけるワンタイムパスワードの入力欄 | Accessible & Usable
      Windymelt
      Windymelt2024/09/20非公開
      “autocomplete="one-time-code" ”
      • HTMLとDOMとの違いメモ - Lambdaカクテル

        フロントエンドをたまに遊びでいじっているのだが、HTMLとDOMって何が違うのかよくわかっていなかったので調べたメモ。HTMLはMarkup Languageとあるように、ドキュメントをマークアップする一種のシリアライズフォーマットである。 DOM(Document Object Model)はより高いレベルの概念であり、シリアライズ形式を関知しないが、ドキュメントをツリーモデルとして表現するセマンティクスを提供する。 わかりやすくメンタルモデルを表現すると、ブラウザ(やnodeなどそれに準じるもの)がHTMLをパースし、対応するDOMモデルがオブジェクトとしてメモリ上に展開される、といえる。 プログラミング言語からはDOMを通じてドキュメントを操作する。 このためHTMLはDOMと等価ではない。 このためHTMLの属性といった構成要素がDOMと一対一対応するとは限らない。HTMLの属

        HTMLとDOMとの違いメモ - Lambdaカクテル
        Windymelt
        Windymelt2023/11/09非公開
        書きました
        • marquee 入れ子 どうなる - hogashi.*

          <marquee scrollamount="1" direction="right"> <div style="width: 100px; height: 100px; background-color:green;"></div> </marquee> <marquee scrollamount="10" direction="right"> <marquee scrollamount="9"> <div style="width: 100px; height: 100px; background-color:green;"></div> </marquee> </marquee> <marquee scrollamount="10" direction="right"> <marquee scrollamount="10"> <div style="width: 100px; h

          marquee 入れ子 どうなる - hogashi.*
          • Don't say "click here"; not everyone will be clicking - Quality Web Tips

            Don't use "click here" as linktext What a link means When calling the user to action, use brief but meaningful linktext that: provides some information when read out of context explains what the link offers doesn't talk about mechanics is not a verb phrase An example For instance, avoid the following sentence on your page: To download W3C's editor/browser Amaya, click here. or: To download Amaya

            • aタグで#topにリンクするとページ先頭にスクロールするのは仕様 - hogashi.*

              はてなエンジニア Advent Calendar2022 -Hatena DeveloperBlog の2023/1/5 の記事です。 id:hogashi です。 目次 目次 3行 こういうやつ 仕様を眺める 追記1: おまけ 追記2: id="top" な要素があるときは? 3行 a タグの href 属性に #top と書くと、クリックしてページの先頭にスクロールできる、という話をしているのを見て、 それって仕様なんだっけ、と思って調べたところ、 仕様でした こういうやつ クリックしてこのページの先頭にスクロールする <a href="#top">クリックしてこのページの先頭にスクロールする</a> 仕様を眺める MDN の a タグのページにちょろっと書いてあって、HTML の仕様に定義されているよ、とある <a>: The Anchor element -HTML:

              aタグで#topにリンクするとページ先頭にスクロールするのは仕様 - hogashi.*
              • 残りのブックマークを読み込んでいます1

              お知らせ

              公式Twitter

              • @HatenaBookmark

                リリース、障害情報などのサービスのお知らせ

              • @hatebu

                最新の人気エントリーの配信

              処理を実行中です

              キーボードショートカット一覧

              j次のブックマーク

              k前のブックマーク

              lあとで読む

              eコメント一覧を開く

              oページを開く

              はてなブックマーク

              公式Twitter

              はてなのサービス

              • App Storeからダウンロード
              • Google Playで手に入れよう
              Copyright © 2005-2025Hatena. All Rights Reserved.
              設定を変更しましたx

              [8]ページ先頭

              ©2009-2025 Movatter.jp