タグ

ブックマーク / qiita.com/debiru (6)

  • HTML Form で Enter キーによるサブミットを防止する方法、JavaScript で POST する方法 - Qiita

    はじめに この記事は 2023 年の MDN 翻訳 Advent Calendar 向けに作成したものです。 こんにちは。debiru です。ネタが尽きたのでアドベントカレンダーが空いてしまっています。 今日は適当に思いついた HTML Form 周りの挙動についてお話したいと思います。 input[type="text"] で Enter キーを押すとサブミットされるのを防止する <form action="https://params.lavoscore.org/" method="post"> <ul> <li><input type="text" name="name" value="Alice"></li> <li><button type="submit">submit</button></li> </ul> </form> (function() { 'use strict'

    HTML Form で Enter キーによるサブミットを防止する方法、JavaScript で POST する方法 - Qiita
  • Firefox 121 がリリースされて :has() が使えるようになりました。そして Intl.Segmenter は Firefox 123 で使えるようになる予定です。 - Qiita

    Firefox 121 がリリースされて :has() が使えるようになりました。そして Intl.Segmenter は Firefox 123 で使えるようになる予定です。CSSJavaScriptFirefoxMDN はじめに この記事は 2023 年の MDN 翻訳 Advent Calendar 向けに作成したものです。 こんにちは。debiru です。「Firefox は利用者数が少ないので対応ブラウザから外します」とか言っているサービスは Web 標準を冒涜しているので滅んでどうぞ。 今日は記念すべき Firefox 121 リリース日なので、改めて Firefox 121 でできるようになったことをお伝えするとともに、Firefox 122 あるいは 123 でサポートされる重要な機能についてお話したいと思います。 Firefox 121 がリリースされたよ Firefox

    Firefox 121 がリリースされて :has() が使えるようになりました。そして Intl.Segmenter は Firefox 123 で使えるようになる予定です。 - Qiita
  • <br> と <br /> はどう違う? - ポリグロット・マークアップの幻想、他 HTMLのお話 5 選 - Qiita

    <br> と <br /> はどう違う? - ポリグロット・マークアップの幻想、他 HTMLのお話 5 選HTMLCSSHTML5 はじめに この記事は 2023 年の MDN 翻訳 Advent Calendar 向けに作成したものです。 こんにちは。debiru です。XHTML の X は Extensible の Ex の音を表しているので eXtensible と表記すべきではない委員会から来ました。 さて、今日も今日とてネタが見当たらないので HTML のお話をいくつか紹介してみます。 HTML のお話 5 選 思いついた HTML のお話を 5 個くらい書いてみます。 1. a 要素と button 要素を使い分けよう ユーザーがクリックして操作するものを div や span でマークアップしてはいけません。と言われて久しいものですが、マークアップしてはいけない理由は分かる

    <br> と <br /> はどう違う? - ポリグロット・マークアップの幻想、他 HTMLのお話 5 選 - Qiita
    igrep
    igrep 2023/12/16
  • Web標準の互換性を表す Baseline という概念の紹介 - Qiita

    はじめに この記事は 2023 年の MDN 翻訳 Advent Calendar 向けに作成したものです。 こんにちは。debiru です。ネタがないといいながらネタを見つけたので投稿しています。 今日は、2023 年 5 月に登場した Baseline という概念について紹介するとともに、12 月 5 日に MDN において Baseline が進化したことをお伝えしにやってきました。 Baseline とは 2023 年現在、Web 標準は Living Standard としてアップデートが継続的に行われており、各種モダンブラウザは Web 標準で新たに策定される機能を実装し、最新版に反映させています。 余談ですが、各種ブラウザの最新版で実装された機能の一覧は、先日私が開発したツール「MDN - BCD一覧表」で確認することができます。 しかしながら、ブラウザによって機能を実装する

    Web標準の互換性を表す Baseline という概念の紹介 - Qiita
    igrep
    igrep 2023/12/11
    "Baseline は MDN 特有のステータスではなく、W3C WebDX Community Group によって策定されたものです。MDN を超えて、Web 標準の機能を「Baseline であるかどうか」と表現できるようになったことが、この Baseline という概念の大きな利点"
  • git 管理下にある指定したディレクトリ内に存在する全てのファイルの最終更新日を取得する - Qiita

    はじめに この記事は 2023 年の MDN 翻訳 Advent Calendar 向けに作成したものです。 こんにちは。debiru です。好きなシェルは Bash です。 今日は、「MDN翻訳ステータス一覧表」で使っているシェルスクリプトを紹介しようと思って来ました。 更新日降順で MDN 日語記事を一覧する 上記と同じリンクですが、https://mdn.lavoscore.org/?sort=date-desc こちらで最も右側の列を見ると確認できます。 全ての日語記事の最終更新日を取得したい MDN のローカライズ版の記事は、日語を含めて以下のリポジトリで管理されています。 この ja ディレクトリ下にある全てのファイルの最終更新日を取得することを考えます。 git log コマンドの結果を利用する 上記リポジトリを clone して、files/ja ディレクトリに移動し

    git 管理下にある指定したディレクトリ内に存在する全てのファイルの最終更新日を取得する - Qiita
    igrep
    igrep 2023/12/11
  • 2023年12月19日からFirefoxでも:has()が使えます - Qiita

    はじめに この記事は 2023 年の MDN 翻訳 Advent Calendar 向けに作成したものです。 こんにちは。debiru です。HTML との最初の触れ合いは Windows 95 を使って Yahoo! ジオシティーズの Hollywood スペースに Web サイトを開設した頃です。 ええと、今日は Safari (+ iOS Safari) では 2022 年 3 月に、Opera, Edge, Chrome では 2022 年 9 月にサポートされ、もちろん Vivaldi でも使える :has() 疑似クラスが Firefox で長年(長年?)サポートされなくてもやもやしていた皆さんに朗報です。 2023 年 12 月 19 日リリース予定の Firefox 121 で :has() がサポートされるというお話をしに来ました。 みんな大好き :has() 疑似クラス

    2023年12月19日からFirefoxでも:has()が使えます - Qiita
  • 1