ページにはさまざまなリンクが張られていますが、そのリンクがどれだけ踏まれたかを計測するには、リダイレクトが良く使われてきました。しかし、いまは a 要素と area 要素で ping 属性を使うことが...
Continue reading...webfrontend.ninja
【HTML】i 要素はイタリックではなくアイコン?
以前は i 要素は斜体を表現するために使われてきましたが、HTML5 以降、スタイリング目的に HTML 要素を使うことは非推奨になりました。では、HTML5 以降の現在、i 要素は何を表すのでしょう...
Continue reading...【JavaScript】クリップボードに文字列や画像データをコピーする方法
さまざまなウェブサイトでクリップボードにテキストをコピーする機能が使われています。しかし、クリップボードにはプレーンテキストだけでなくスタイル付きのテキストや画像データも書き込むことができます。また、...
Continue reading...【JavaScript】クリップボードの内容を読み取る方法
クリップボードにコピーする方法はネットに数多く見つかりますが、クリップボードの内容を読み取る方法は意外に少ないと思ったことはないでしょうか。実は、過去からいくつかのブラウザーにクリップボードの読み取り...
Continue reading...Chromium と WebKit でシェア 9 割以上に、ブラウザーシェアの激動の 10 年史をダラダラと語る
ウェブ開発者であれば、だれもが気にせざるを得ないのがブラウザーのシェアです。いまや Chrome と Safari でほとんどを占めてしまいますが、過去 10 年を振り返ると今とは全く様相が異なります...
Continue reading...【JavaScript】at() で配列の最後の要素の読み取る
配列の最後の要素はどうやって読み取りますか?今回は、そんな些細な話を取り上げます。 pop() メソッド 配列の最後の要素を抜き出すと言ったら、最初に思いつくのは pop() メソッドでしょうか。 と...
Continue reading...【JavaScript】click と touchend の両方のイベントリスナーのうち touchend だけを実行する
デスクトップ向けのブラウザーとスマートフォン向けのブラウザーどちらにも対応する場合、クリックとタップの両方のイベントリスナーをセットすることが良くあります。もちろん、デスクトップであればクリックのイベ...
Continue reading...【JavaScript】Safari だけじゃないオーディオ再生の制約と再生開始遅延の解決方法
オーディオの自動再生に大きな制約があるといえば、以前は iOS Safari に限った話でした。しかし、現在は PC も含め、あらゆるブラウザーでオーディオの自動再生に大きな制約があります。もし再生で...
Continue reading...【HTML】main 要素 – 最新の仕様に準拠してますか?
main 要素はページの主要なコンテンツを表しますが、ネットで調べると、細かい点では記事によって言っていることが異なっていることにお気づきでしょうか。それは、W3C HTML5 仕様がバージョンアップ...
Continue reading...【HTML】address 要素の正しい使いかた
address 要素は住所に使う、という誤解はかなり昔からありました。実は、address 要素が誕生したときから住所という用途は規定されたことはありません。現在の address 要素は、当初と比べ...
Continue reading...